Download gradient for free

Choose pre-made sizes or set your own

Copy the gradient colors

Presented in most common color systems 🎨

#{{ color }}

background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

Copy code

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

Width {{widthbig}} px

Height {{heightbig}} px

Angle {{direction}}°

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

Download {{widthbig}}×{{heightbig}}

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