Build any linear or radial CSS gradient with a live preview. Add up to ten color stops, drag them to reposition, and copy the resulting CSS one-liner.
CSS Gradient Generator
135°
Up to 10 stops. Drag the position sliders to fine-tune.
auto-copied to your clipboard