Design Tools
CSS Gradient Generator
Generate beautiful CSS gradients for your next design project instantly.
#6D28D9
#0EA5E9
background: #6d28d9; background: linear-gradient(135deg, #6d28d9, #0ea5e9);
Features
- Linear & Radial
- Copy CSS with one click
- Tailwind CSS support
How to use
Pick your colors, adjust the angle, and click 'Copy CSS' to paste into your project.
Frequently Asked Questions
Does it support Tailwind?
Yes, you can toggle Tailwind output in the settings.