CSS Gradient Maker

Build beautiful gradients visually and copy the CSS instantly.

Gradient preview

CSS Output

background: linear-gradient(135deg, #FF6B6B 0%, #FFC371 100%);

Presets

135°

Color Stops

Click bar to add stop · Drag handles to move · Select handle then Delete to remove

Selected Stop

0%