Gradient generator
Create linear or radial CSS gradients online with multiple color stops, opacity, angle and drag controls. Preview live and copy the CSS.
Click the line to add a color stop, drag handles to reposition them; at least two stops are kept.
Settings
Color stops
Color
Opacity
Position