CSS Gradient Generator

Create stunning linear gradients, test angles, and copy production-ready CSS code.

Gradient Stops & Direction

Start Color

#3b82f6

End Color

#10b981

Direction / Angle

Generated CSS

background: linear-gradient(to right, #3b82f6, #10b981);