CSS Gradient Generator
Build linear CSS gradients and copy the ready-to-use code.
CSS
background: linear-gradient(135deg, #8B5CF6, #3B82F6);About this tool
Build linear CSS gradients visually, then copy production-ready CSS. Perfect for hero backgrounds, buttons, and modern UI accents.
- Adjust angle and two colors
- Live gradient preview
- Copy CSS in one click