Gradient Generator – Create Beautiful CSS Gradients Online

Design stunning CSS gradients with our free Gradient Generator. Customize colors, angles, and preview the effect instantly.

Start Color

End Color

Direction

Opacity: 100%

CSS Code

background: linear-gradient(to right, #3b82f6, #8b5cf6);