CSS Gradient Generator

Build a copy-ready linear-gradient declaration with a live preview.

Gradient type

Start color

End color

Add a middle color stop

Angle (degrees)

Generated CSS

CSS · 1 line

background: linear-gradient(135deg, #f97316, #fde68a);