Gradient Generator
Gradient Generator creates beautiful colour gradients right in your browser — pick your colours, set the angle, try a preset, then copy the CSS or download it as a PNG. It is free to use, needs no login, and runs entirely in your browser.
Key features
- Pick two or three colours with a colour picker or hex code.
- Set any angle from 0 to 360 degrees, or start from a preset.
- Copy the CSS linear-gradient code with one click.
- Download the gradient as a 1200×800 PNG image.
How to use
- Open Gradient Generator using the button above.
- Pick your colours and set the angle, or choose a preset.
- Copy the CSS code or download the gradient as a PNG.
Frequently asked questions
Is Gradient Generator free?
Yes. It is completely free to use and you do not need to create an account or sign in.
Do I need to know CSS to use it?
No. Pick your colours and angle, then copy the ready-made CSS code with one click.
Can I download the gradient as an image?
Yes. You can download your gradient as a 1200×800 PNG image.