Magic
Gradient
Tools
Animated Gradient
Tailwind CSS Gradient
SVG Wave Generator
SVG Fill Gradient
Explore
Login
Explore cool gradients
Discover a stunning collection of thousands of trendy cool gradients to elevate your next design or project!
Popular cool gradients
Community favorite cool gradients.
Blue Green
Color codes used in blue green gradient: #007B7F, #00B2A9, #00FFB2
Blue Green gradient is liked by 5 people.
Add blue green gradient to your favorites.
5
Blue Purple Bliss
Color codes used in blue purple bliss gradient: #4A90E2, #9B59B6, #A569BD
Blue Purple Bliss gradient is liked by 4 people.
Add blue purple bliss gradient to your favorites.
4
Blue to White
Color codes used in blue to white gradient: #007BFF, #A5D8FF, #FFFFFF
Blue to White gradient is liked by 4 people.
Add blue to white gradient to your favorites.
4
Blue to Black
Color codes used in blue to black gradient: #1E3A78, #2D2A3A, #000000
Blue to Black gradient is liked by 3 people.
Add blue to black gradient to your favorites.
3
Blue Violet
Color codes used in blue violet gradient: #8A2BE2, #6A5ACD, #5F9EA0
Blue Violet gradient is liked by 1 people.
Add blue violet gradient to your favorites.
1
Clean Snow
Color codes used in clean snow gradient: #ffffff, #e0f7fa, #b1eaf2
Clean Snow gradient is liked by 1 people.
Add clean snow gradient to your favorites.
1
Silver Mist
Color codes used in silver mist gradient: #dbdbdb, #b0b0b0, #8c8c8c
Silver Mist gradient is liked by 1 people.
Add silver mist gradient to your favorites.
1
Blue Metallic
Color codes used in blue metallic gradient: #1E3A78, #4F7CAC, #A8D8E8
Blue Metallic gradient is liked by 1 people.
Add blue metallic gradient to your favorites.
1
Royal Blue
Color codes used in royal blue gradient: #4169E1, #6A5ACD, #8A2BE2
Royal Blue gradient is liked by 1 people.
Add royal blue gradient to your favorites.
1
Blue Navy Horizon
Color codes used in blue navy horizon gradient: #001F3F, #007BFF, #00BFFF
Blue Navy Horizon gradient is liked by 1 people.
Add blue navy horizon gradient to your favorites.
1
Blue Neon
Color codes used in blue neon gradient: #00FFFF, #007FFF, #001F3F
Blue Neon gradient is liked by 1 people.
Add blue neon gradient to your favorites.
1
Black Navy
Color codes used in black navy gradient: #001F3F, #003366, #004080
Black Navy gradient is liked by 1 people.
Add black navy gradient to your favorites.
1
Gray Blue
Color codes used in gray blue gradient: #4B6EAF, #A7B8D6, #D9E0E8
Gray Blue gradient is liked by 1 people.
Add gray blue gradient to your favorites.
1
Ocean Blue
Color codes used in ocean blue gradient: #0077be, #0099cc, #00bfff
Ocean Blue gradient is liked by 1 people.
Add ocean blue gradient to your favorites.
1
Blue Night Sky
Color codes used in blue night sky gradient: #1C3F94, #4B6FB4, #A0C6E0
Blue Night Sky gradient is liked by 1 people.
Add blue night sky gradient to your favorites.
1
Blue Indigo
Color codes used in blue indigo gradient: #4B0082, #0000FF, #1E90FF
Blue Indigo gradient is liked by 1 people.
Add blue indigo gradient to your favorites.
1
Blue to Dark Blue
Color codes used in blue to dark blue gradient: #00BFFF, #1E90FF, #00008B
Blue to Dark Blue gradient is liked by 1 people.
Add blue to dark blue gradient to your favorites.
1
Red Navy
Color codes used in red navy gradient: #FF3D00, #C51162, #1A237E
Red Navy gradient is liked by 1 people.
Add red navy gradient to your favorites.
1
Latest cool gradients
Nightfall Elegance
Color codes used in nightfall elegance gradient: #46444b, #6c5b7b, #9a8d98
Nightfall Elegance gradient is liked by 0 people.
Add nightfall elegance gradient to your favorites.
0
Ocean Twilight
Color codes used in ocean twilight gradient: #0d419b, #00c8ff, #282858
Ocean Twilight gradient is liked by 0 people.
Add ocean twilight gradient to your favorites.
0
Ocean Breeze
Color codes used in ocean breeze gradient: #0d419b, #00c8ff, #0076a8
Ocean Breeze gradient is liked by 0 people.
Add ocean breeze gradient to your favorites.
0
Ocean Breeze
Color codes used in ocean breeze gradient: #0d419b, #3399cc, #00c8ff
Ocean Breeze gradient is liked by 0 people.
Add ocean breeze gradient to your favorites.
0
Ocean Breeze
Color codes used in ocean breeze gradient: #0d419b, #3285b8, #00c8ff
Ocean Breeze gradient is liked by 0 people.
Add ocean breeze gradient to your favorites.
0
Ocean Breeze
Color codes used in ocean breeze gradient: #0d419b, #3399cc, #00c8ff
Ocean Breeze gradient is liked by 0 people.
Add ocean breeze gradient to your favorites.
0
Sapporo Winter
Color codes used in sapporo winter gradient: #4b91e2, #50e2c3, #f5f5f5
Sapporo Winter gradient is liked by 0 people.
Add sapporo winter gradient to your favorites.
0
Sapporo Sky
Color codes used in sapporo sky gradient: #85cdfa, #4682b4, #305050
Sapporo Sky gradient is liked by 0 people.
Add sapporo sky gradient to your favorites.
0
Serene Sky
Color codes used in serene sky gradient: #8acff0, #a8dcd9, #e0f7fa
Serene Sky gradient is liked by 0 people.
Add serene sky gradient to your favorites.
0
Serena Breeze
Color codes used in serena breeze gradient: #80dbff, #00a3cc, #006275
Serena Breeze gradient is liked by 0 people.
Add serena breeze gradient to your favorites.
0
Sky Breeze
Color codes used in sky breeze gradient: #ace7f6, #d0f6e8, #f6e7ac
Sky Breeze gradient is liked by 0 people.
Add sky breeze gradient to your favorites.
0
Sky Blossom
Color codes used in sky blossom gradient: #ace9f6, #7dc8e3, #509abe
Sky Blossom gradient is liked by 0 people.
Add sky blossom gradient to your favorites.
0
Winter Serenity
Color codes used in winter serenity gradient: #a8d0e6, #f5f5db, #9dac91
Winter Serenity gradient is liked by 0 people.
Add winter serenity gradient to your favorites.
0
Arctic Serenity
Color codes used in arctic serenity gradient: #9ec3ff, #b5e48b, #cff0f2
Arctic Serenity gradient is liked by 0 people.
Add arctic serenity gradient to your favorites.
0
Sea Breeze
Color codes used in sea breeze gradient: #7ec5c9, #a6d8d8, #ceeddd
Sea Breeze gradient is liked by 0 people.
Add sea breeze gradient to your favorites.
0
Deep Sea Serenity
Color codes used in deep sea serenity gradient: #003366, #336699, #66ccff
Deep Sea Serenity gradient is liked by 0 people.
Add deep sea serenity gradient to your favorites.
0
Croma- Purple and Teal
Color codes used in croma- purple and teal gradient: #9b58b6, #16a286, #8d43ad
Croma- Purple and Teal gradient is liked by 0 people.
Add croma- purple and teal gradient to your favorites.
0
Emerald Twilight
Color codes used in emerald twilight gradient: #75bc20, #34238b, #4cae4f
Emerald Twilight gradient is liked by 0 people.
Add emerald twilight gradient to your favorites.
0
Emerald Twilight
Color codes used in emerald twilight gradient: #ffffff, #75bc20, #34238b
Emerald Twilight gradient is liked by 0 people.
Add emerald twilight gradient to your favorites.
0
Verdant Twilight
Color codes used in verdant twilight gradient: #ffffff, #75bc20, #34238b
Verdant Twilight gradient is liked by 0 people.
Add verdant twilight gradient to your favorites.
0
Urban Dusk
Color codes used in urban dusk gradient: #2d2d2f, #4a4c4f, #707275
Urban Dusk gradient is liked by 0 people.
Add urban dusk gradient to your favorites.
0
Vivid Sunset
Color codes used in vivid sunset gradient: #7dfa00, #ffa600, #ff00ff, #4169e1
Vivid Sunset gradient is liked by 0 people.
Add vivid sunset gradient to your favorites.
0
GitHub Sky
Color codes used in github sky gradient: #24292e, #0367d8, #57a5ff
GitHub Sky gradient is liked by 0 people.
Add github sky gradient to your favorites.
0
Fresh Breeze
Color codes used in fresh breeze gradient: #a6ede9, #fed7e3, #f6f7b5
Fresh Breeze gradient is liked by 0 people.
Add fresh breeze gradient to your favorites.
0
See page 2 of cool gradients
Next →