LOADING
PLEASE WAIT...
LOADING
PLEASE WAIT...
DESC
Pick two colors (or hit Random), choose linear or radial, drag the angle for linear gradients, and copy the generated CSS. Popular presets like Sunset and Ocean are one click away.
Everything runs entirely in your browser. Nothing you type is ever sent to any server or stored.
Paste it into the CSS of any element, for example body with a background of linear-gradient(45deg, #ff9966 0%, #ff5e62 100%).
A gradient that transitions between colors along a straight line. The angle controls the direction — 0deg is top-to-bottom, 90deg is left-to-right.
A gradient that radiates outward from a center point in a circle, like a spotlight.
The generator outputs the correct CSS for each type automatically when you switch.
It picks two harmonious random hues with good saturation and lightness, so most results look great. Click again for more.
Yes, completely free with no account.