Sunset Vibes
linear-gradient(to right, #fb923c, #ec4899, #9333ea)Gradient Backgrounds
A curated collection of beautiful, production-ready gradients for modern web design.
Ocean Depths
linear-gradient(to right, #60a5fa, #06b6d4, #2dd4bf)Lush Garden
linear-gradient(to right, #86efac, #10b981, #0d9488)Midnight Neon
linear-gradient(to right, #312e81, #581c87, #831843)Golden Hour
linear-gradient(to right, #fef08a, #fdba74, #f87171)Morning Sky
linear-gradient(to right, #dbeafe, #93c5fd, #818cf8)Berry Blast
linear-gradient(to right, #fb7185, #d946ef, #4f46e5)Space Dust
linear-gradient(to right, #0f172a, #581c87, #0f172a)Cherry Blossom
linear-gradient(to right, #fecaca, #f9a8d4, #fb7185)Hyper Blue
linear-gradient(to right, #1d4ed8, #1e40af, #111827)Purple Rain
linear-gradient(to right, #a855f7, #6366f1, #2563eb)Tropical Paradise
linear-gradient(to right, #22d3ee, #34d399, #fde047)Lavender Dream
linear-gradient(to right, #e0e7ff, #f3e8ff, #fce7f3)Deep Forest
linear-gradient(to right, #064e3b, #065f46, #134e4a)Burning Sand
linear-gradient(to right, #f97316, #ef4444, #e11d48)Electric Violet
linear-gradient(to right, #7c3aed, #c026d3, #db2777)Soft Moonlight
linear-gradient(to right, #f8fafc, #e2e8f0, #cbd5e1)Crimson Tide
linear-gradient(to right, #dc2626, #b91c1c, #991b1b)Peachy Keen
linear-gradient(to right, #fed7aa, #fda4af, #f472b6)Aurora Borealis
linear-gradient(to right, #2dd4bf, #10b981, #2563eb)Deep Sea Flush
linear-gradient(to right, #3730a3, #1e3a8a, #0f172a)Mango Tango
linear-gradient(to right, #fbbf24, #f97316, #ef4444)Cool Breeze
linear-gradient(to right, #cffafe, #bae6fd, #93c5fd)Plum Perfect
linear-gradient(to right, #a21caf, #6b21a8, #1e1b4b)Spring Bud
linear-gradient(to right, #fef9c3, #d9f99d, #4ade80)Titanium
linear-gradient(to right, #d1d5db, #94a3b8, #4b5563)Autumn Gold
linear-gradient(to right, #f59e0b, #ea580c, #854d0e)Need a unique gradient?
Use our interactive generator to craft your own custom color transition.
Go to Generator