Build a good-looking CSS gradient by eye: pick two colours, switch between linear and radial, spin the angle, and copy the exact `background` rule when it looks right. The preview updates live and everything runs in your browser.
CSS Gradient Generator is a quick, no-nonsense developer utility that runs entirely client-side, so your code and data never leave your machine.
This generator keeps it to two stops for clarity; you can add more stops by hand in the copied CSS.
No — the gradient is generated entirely in your browser.
Angles apply to linear gradients; radial gradients emanate from the centre.
background: linear-gradient(90deg, #6366f1, #ec4899);