Like our site?
This project is funded personally by its author. Support us with any amount โ it helps bring new features and services that stay free for you.
Random CSS gradient of two or three colors โ ready code to paste into your project
A random gradient generator creates a CSS gradient for a website or design. It is handy for web developers and designers who need a fresh background, button or section style without hand-tuning color stops and angles.
The tool offers linear, radial and conic gradients with ready CSS, so you can drop the result straight into your stylesheet. Everything works online in the browser, without registration, and a new gradient appears instantly.
Choose the gradient type, number of colors and a preset if you like, then press the generate button. Copy the CSS with one click or generate a new gradient until it looks right.