🎨 CSS Gradient Generator

Create beautiful gradients visually. Supports linear, radial, and conic gradients.

135°

Preview

CSS Code

background: linear-gradient(135deg, #6366f1 0%, #ec4899 50%, #f59e0b 100%);

Popular Presets

Tailwind CSS

/* Add this to your tailwind.config.js theme.extend.backgroundImage */
Copied to clipboard!

Find these tools useful?

Buy Me a Coffee at ko-fi.com

Support keeps 63+ tools free forever. No ads, no tracking.