Gradient Generator
To create a gradient, pick two or more colours, the type (linear, radial or conic) and the angle, then copy the CSS or download the gradient as a PNG image at any size, such as 1920×1080 or a phone wallpaper.
- Free
- No signup
- Runs in your browser
How to use Gradient Generator
- 1Type or paste your input into the Gradient Generator.
- 2Choose any options you need.
- 3See the result update instantly.
- 4Copy the result or download it.
Gradient Generator: questions people ask
Can I download the gradient as an image?
Yes. Choose a size and download a PNG.
How do I make a smooth gradient?
Use colours with similar lightness, or add a middle stop to avoid a grey band between complementary colours.
Is my data uploaded when I use the Gradient Generator?
No. The Gradient Generator runs entirely in your web browser, so your text and numbers stay on your device and work even on a slow connection.
Does the Gradient Generator work on iPhone, Android and Mac?
Yes. The Gradient Generator runs in any modern browser (Safari, Chrome, Edge or Firefox) on iPhone, iPad, Android phones, Mac, Windows and Chromebook. There is no app to install.
Is the Gradient Generator free?
Yes. The Gradient Generator is free with no signup, no watermark and no daily limit.