Magic
Gradient
Tools
Animated Gradient
Tailwind CSS Gradient
SVG Wave Generator
SVG Fill Gradient
Explore
Login
Explore modern gradients
Discover a stunning collection of thousands of trendy modern gradients to elevate your next design or project!
Popular modern gradients
Community favorite modern gradients.
Instagram
Color codes used in instagram gradient: #f58529, #dd2c7c, #8034b7
Instagram gradient is liked by 5 people.
Add instagram gradient to your favorites.
5
Black to Grey
Color codes used in black to grey gradient: #000000, #4B4B4B, #A9A9A9
Black to Grey gradient is liked by 4 people.
Add black to grey gradient to your favorites.
4
Black and White
Color codes used in black and white gradient: #000000, #7F7F7F, #FFFFFF
Black and White gradient is liked by 3 people.
Add black and white gradient to your favorites.
3
Black and Pink
Color codes used in black and pink gradient: #000000, #D5006D, #FF6F91
Black and Pink gradient is liked by 2 people.
Add black and pink gradient to your favorites.
2
Green Gray
Color codes used in green gray gradient: #6B8E23, #A9A9A9, #D3D3D3
Green Gray gradient is liked by 1 people.
Add green gray gradient to your favorites.
1
Midnight Transition
Color codes used in midnight transition gradient: #000000, #424242, #808080
Midnight Transition gradient is liked by 1 people.
Add midnight transition gradient to your favorites.
1
White Essence
Color codes used in white essence gradient: #ffffff, #f0f0f0, #e0e0e0
White Essence gradient is liked by 1 people.
Add white essence gradient to your favorites.
1
Black Neon
Color codes used in black neon gradient: #1B1B1B, #39FF14, #00BFFF
Black Neon gradient is liked by 1 people.
Add black neon gradient to your favorites.
1
Olive Green
Color codes used in olive green gradient: #708238, #B3C82A, #E1E66D
Olive Green gradient is liked by 1 people.
Add olive green gradient to your favorites.
1
Black Aesthetic
Color codes used in black aesthetic gradient: #1C1C1C, #5A5A5A, #A0A0A0
Black Aesthetic gradient is liked by 1 people.
Add black aesthetic gradient to your favorites.
1
Black Diamond
Color codes used in black diamond gradient: #2C2A29, #4B4A4D, #6E6C71
Black Diamond gradient is liked by 1 people.
Add black diamond gradient to your favorites.
1
Midnight Bliss
Color codes used in midnight bliss gradient: #1a1a1a, #4d4d4d, #808080
Midnight Bliss gradient is liked by 1 people.
Add midnight bliss gradient to your favorites.
1
Yellow Modern
Color codes used in yellow modern gradient: #FFD700, #FFEA00, #FFED00
Yellow Modern gradient is liked by 1 people.
Add yellow modern gradient to your favorites.
1
Black and Green
Color codes used in black and green gradient: #000000, #1B5E20, #4CAF50
Black and Green gradient is liked by 1 people.
Add black and green 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
Elegant Black
Color codes used in elegant black gradient: #1A1A1A, #3D3D3D, #B0B0B0
Elegant Black gradient is liked by 1 people.
Add elegant black gradient to your favorites.
1
Pink Violet Dream
Color codes used in pink violet dream gradient: #D5006D, #7B1FA2, #3F51B5
Pink Violet Dream gradient is liked by 1 people.
Add pink violet dream 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
Latest modern gradients
Modern Violet
Color codes used in modern violet gradient: #a16dd0, #7b4abf, #55399d
Modern Violet gradient is liked by 0 people.
Add modern violet 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
Midnight Glow
Color codes used in midnight glow gradient: #1a1a1a, #333333, #666666
Midnight Glow gradient is liked by 0 people.
Add midnight glow gradient to your favorites.
0
Digital Dawn
Color codes used in digital dawn gradient: #4dacfe, #00f2ff, #44e97b
Digital Dawn gradient is liked by 0 people.
Add digital dawn 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
Code Cloud
Color codes used in code cloud gradient: #24292e, #4c5e6b, #8ea0b4
Code Cloud gradient is liked by 0 people.
Add code cloud gradient to your favorites.
0
Vibrant Stream
Color codes used in vibrant stream gradient: #ff0000, #ff6347, #ffcc00
Vibrant Stream gradient is liked by 0 people.
Add vibrant stream gradient to your favorites.
0
YouTube Vibes
Color codes used in youtube vibes gradient: #ff0000, #ff6347, #ffa600
YouTube Vibes gradient is liked by 0 people.
Add youtube vibes gradient to your favorites.
0
YouTube Vibe
Color codes used in youtube vibe gradient: #ff0000, #ff6347, #ffff00
YouTube Vibe gradient is liked by 0 people.
Add youtube vibe gradient to your favorites.
0
YouTube Vibe
Color codes used in youtube vibe gradient: #ff0000, #ff4d00, #ff8052
YouTube Vibe gradient is liked by 0 people.
Add youtube vibe gradient to your favorites.
0
YouTube Brights
Color codes used in youtube brights gradient: #ff0000, #ff6347, #ffcc00
YouTube Brights gradient is liked by 0 people.
Add youtube brights gradient to your favorites.
0
Gmail Colors Bright
Color codes used in gmail colors bright gradient: #da3125, #4387f4, #0f9f59
Gmail Colors Bright gradient is liked by 0 people.
Add gmail colors bright gradient to your favorites.
0
Gmail Colors Bright
Color codes used in gmail colors bright gradient: #d34b3c, #a5c639, #34a853
Gmail Colors Bright gradient is liked by 0 people.
Add gmail colors bright gradient to your favorites.
0
Dove Gray Serenity
Color codes used in dove gray serenity gradient: #d1d1d1, #b0b0b0, #8f8f8f
Dove Gray Serenity gradient is liked by 0 people.
Add dove gray serenity gradient to your favorites.
0
Futuristic Sky
Color codes used in futuristic sky gradient: #00c3ff, #fbff00, #ff00c8
Futuristic Sky gradient is liked by 0 people.
Add futuristic sky gradient to your favorites.
0
Complementary Dark
Color codes used in complementary dark gradient: #1a1a1a, #4a4a4a, #8a8a8a
Complementary Dark gradient is liked by 0 people.
Add complementary dark gradient to your favorites.
0
Futuristic Tech
Color codes used in futuristic tech gradient: #00bfff, #1f8fff, #4169e1
Futuristic Tech gradient is liked by 0 people.
Add futuristic tech gradient to your favorites.
0
Web App Neutral
Color codes used in web app neutral gradient: #9ca3b0, #d1d5db, #6b7280
Web App Neutral gradient is liked by 0 people.
Add web app neutral gradient to your favorites.
0
Microscopy Glow
Color codes used in microscopy glow gradient: #4dacfe, #00f2ff, #44e97b
Microscopy Glow gradient is liked by 0 people.
Add microscopy glow gradient to your favorites.
0
Zeiss Radiance
Color codes used in zeiss radiance gradient: #00579e, #00a5e0, #f2cb07
Zeiss Radiance gradient is liked by 0 people.
Add zeiss radiance gradient to your favorites.
0
Cyan Shadow
Color codes used in cyan shadow gradient: #1f1f1f, #0fb3cc, #1ae8ff
Cyan Shadow gradient is liked by 0 people.
Add cyan shadow gradient to your favorites.
0
Electric Static
Color codes used in electric static gradient: #f5d400, #2275a5, #f31212
Electric Static gradient is liked by 0 people.
Add electric static gradient to your favorites.
0
Futuristic Sky
Color codes used in futuristic sky gradient: #4dacfe, #00f2ff, #44e97b
Futuristic Sky gradient is liked by 0 people.
Add futuristic sky gradient to your favorites.
0
See page 2 of modern gradients
Next →