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

Similar gradients 🧁

Hello,
nice to see you!

Forgot Password?

Enter the email address you used when you joined and we’ll send you instructions to reset your password.

Create
a new account

Password mismatch

Big update

Dashboard, projects, and new design 🎁

Updated personal account design:
Removed unnecessary design elements, making it simpler and cleaner. The main screen now features statistics on the most popular gradients, and each published gradient can be viewed separately. Now all saved elements can be deleted from the account, which was previously impossible.

New section 'Projects' has been added:
Create projects, add any elements to them, and share the project link.