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
Futuristic Dawn
Color codes used in futuristic dawn gradient: #00c3ff, #ff8052, #ffd900
Futuristic Dawn gradient is liked by 0 people.
Add futuristic dawn gradient to your favorites.
0
Futuristic Dawn
Color codes used in futuristic dawn gradient: #00c3ff, #ff8052, #ffd900
Futuristic Dawn gradient is liked by 0 people.
Add futuristic dawn gradient to your favorites.
0
Modern Sunset
Color codes used in modern sunset gradient: #e85a3b, #4cae4f, #000000
Modern Sunset gradient is liked by 0 people.
Add modern sunset gradient to your favorites.
0
Neon Cyber Loop
Color codes used in neon cyber loop gradient: #000000, #000000, #000000
Neon Cyber Loop gradient is liked by 0 people.
Add neon cyber loop gradient to your favorites.
0
Mystique EDC
Color codes used in mystique edc gradient: #4c6db8, #7e61ff, #a6ede9
Mystique EDC gradient is liked by 0 people.
Add mystique edc gradient to your favorites.
0
Gray Nurse
Color codes used in gray nurse gradient: #b5b5b5, #7d7d7d, #404040
Gray Nurse gradient is liked by 0 people.
Add gray nurse gradient to your favorites.
0
Futuristic Tech Glow
Color codes used in futuristic tech glow gradient: #10f5f9, #3c00ff, #0f0f0f
Futuristic Tech Glow gradient is liked by 0 people.
Add futuristic tech glow gradient to your favorites.
0
2026 Bright Future
Color codes used in 2026 bright future gradient: #ff6e61, #6b5b95, #87af4b
2026 Bright Future gradient is liked by 0 people.
Add 2026 bright future gradient to your favorites.
0
Futuristic Tech Glow
Color codes used in futuristic tech glow gradient: #00d4ff, #7b00ff, #ff00d4
Futuristic Tech Glow gradient is liked by 0 people.
Add futuristic tech glow gradient to your favorites.
0
Modern Green Elegance
Color codes used in modern green elegance gradient: #fafafa, #a7d86f, #54c931
Modern Green Elegance gradient is liked by 0 people.
Add modern green elegance gradient to your favorites.
0
Cod Gray Serenity
Color codes used in cod gray serenity gradient: #3b3b3b, #595959, #7a7a7a
Cod Gray Serenity gradient is liked by 0 people.
Add cod gray serenity gradient to your favorites.
0
Midnight Elegance
Color codes used in midnight elegance gradient: #000000, #1a1a1a, #333333
Midnight Elegance gradient is liked by 0 people.
Add midnight elegance gradient to your favorites.
0
Silver Shine
Color codes used in silver shine gradient: #bfbfbf, #a8a8a8, #808080
Silver Shine gradient is liked by 0 people.
Add silver shine gradient to your favorites.
0
Mystic Indigo Flow
Color codes used in mystic indigo flow gradient: #7a2fbc, #4a2bb1, #3c28cc
Mystic Indigo Flow gradient is liked by 0 people.
Add mystic indigo flow gradient to your favorites.
0
Vivid Spectrum
Color codes used in vivid spectrum gradient: #fff15c, #4b2d6c, #f58ed0
Vivid Spectrum gradient is liked by 0 people.
Add vivid spectrum gradient to your favorites.
0
Canva Brights
Color codes used in canva brights gradient: #ff6e61, #ffd900, #4cae4f
Canva Brights gradient is liked by 0 people.
Add canva brights gradient to your favorites.
0
Futuristic Dawn
Color codes used in futuristic dawn gradient: #6b10cb, #2775fc, #22f0f7
Futuristic Dawn gradient is liked by 0 people.
Add futuristic dawn gradient to your favorites.
0
Google Brights
Color codes used in google brights gradient: #4387f4, #34a853, #fbbd04
Google Brights gradient is liked by 0 people.
Add google brights gradient to your favorites.
0
Google Brights
Color codes used in google brights gradient: #4387f4, #34a853, #fbbd04
Google Brights gradient is liked by 0 people.
Add google brights gradient to your favorites.
0
Silver Dawn
Color codes used in silver dawn gradient: #b0b0b0, #d4d4d4, #f0f0f0
Silver Dawn gradient is liked by 0 people.
Add silver dawn gradient to your favorites.
0
Domino Dream
Color codes used in domino dream gradient: #000000, #616161, #cccccc
Domino Dream gradient is liked by 0 people.
Add domino dream 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
Midnight Elegance
Color codes used in midnight elegance gradient: #1c1c1c, #333333, #4d4d4d
Midnight Elegance gradient is liked by 0 people.
Add midnight elegance gradient to your favorites.
0
Glass Glow
Color codes used in glass glow gradient: #a8d0e6, #f76e6e, #ffd900
Glass Glow gradient is liked by 0 people.
Add glass glow gradient to your favorites.
0
See page 2 of modern gradients
Next →