Build linear and radial CSS gradients with unlimited color stops, presets, and live preview.
Pick linear or radial, adjust the angle (linear) or shape and position (radial), then add color stops with the color pickers and position sliders. Click a preset to load a starter gradient. The preview updates instantly and the CSS appears below ready to copy. Add as many stops as you need for complex multi-color gradients.