Download gradient for free

Choose pre-made sizes or set your own

Copy the gradient colors

Presented in most common color systems 🎨

#{{ color }}

  • RGB: {{ toRGB(color) }}
  • CMYK: {{ toCMYK(color) }}
  • HSL: {{ toHSL(color) }}
CSS-code
background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

Set the size and angle

Set height, width and angle of the gradient, then click on the generated image to download 🧙

Use keyboard arrows ← → to change the parameter by 1 unit

Download popular sizes

Here are most commonly used size ✨

1920×1080
1080×1920
1080×1080
1500×1000
320×320
1200×628
970×90
800×600
750×750
1500×500
1200×600
1800×1350
480×60
820×360
300×250
1600×1200

相似的渐变 🧁

您好,
很高兴见到您!

忘记密码?

输入您注册时使用的电邮地址,我们将向您发送重置密码的说明。

创建一个
新账户

密码不符合