Design flawless CSS gradients with an interactive visual editor. Choose between linear and radial gradients, tweak colours and angles in real time, and instantly see how the gradient will look. Once you’re satisfied, copy the clean CSS code with one click and use it anywhere on your website.
Yes — the tool supports adding extra colour stops. Every colour you add appears in the preview and the final CSS.
Radial gradients are drawn from a centre point outward and do not accept an angle. The angle control is only relevant for linear gradients.
The tool generates modern standard CSS (linear-gradient(...), radial-gradient(...)) which is supported in all current browsers. Vendor prefixes are unnecessary.