CSS Gradient Generator

Create beautiful CSS gradients visually. Customize colors, angles, and get the code instantly. Perfect for web designers.

Gradient Settings

90°
0°180°360°

Popular Presets

CSS Code

background: linear-gradient(90deg, #6366f1, #8b5cf6);

Preview

Type
linear
Angle
90°
Color 1
#6366f1
Color 2
#8b5cf6

💡 Pro Tips

  • • Use 45° or 135° for diagonal gradients
  • • Radial gradients work great for spotlights
  • • Combine with opacity for subtle effects
  • • Test gradients on different backgrounds