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
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
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
Futuristic Steel
Color codes used in futuristic steel gradient: #4d5a6f, #7e8ea5, #b0c6de
Futuristic Steel gradient is liked by 0 people.
Add futuristic steel gradient to your favorites.
0
Border Glow
Color codes used in border glow gradient: #ff8052, #ffd900, #ff6bb5
Border Glow gradient is liked by 0 people.
Add border glow gradient to your favorites.
0
Cool Black Elegance
Color codes used in cool black elegance gradient: #000000, #1a1a1a, #333333
Cool Black Elegance gradient is liked by 0 people.
Add cool black elegance gradient to your favorites.
0
Calm Clinic
Color codes used in calm clinic gradient: #a7dadc, #447a9c, #1d3658
Calm Clinic gradient is liked by 0 people.
Add calm clinic gradient to your favorites.
0
Vivid Spectrum
Color codes used in vivid spectrum gradient: #ff6e61, #6ccb79, #4d97ff
Vivid Spectrum gradient is liked by 0 people.
Add vivid spectrum gradient to your favorites.
0
Vivid Dream
Color codes used in vivid dream gradient: #7c3bed, #ec4699, #20d3ee
Vivid Dream gradient is liked by 0 people.
Add vivid dream gradient to your favorites.
0
Oslo Gray Serenity
Color codes used in oslo gray serenity gradient: #a8a9ad, #d3d4d5, #787878
Oslo Gray Serenity gradient is liked by 0 people.
Add oslo gray serenity gradient to your favorites.
0
Elegant Gray
Color codes used in elegant gray gradient: #a1a1a1, #b0b0b0, #d1d1d1
Elegant Gray gradient is liked by 0 people.
Add elegant gray gradient to your favorites.
0
Mystic Night
Color codes used in mystic night gradient: #6a7a8a, #2e2e2e, #4a4a4a
Mystic Night gradient is liked by 0 people.
Add mystic night 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
Military Minimalism
Color codes used in military minimalism gradient: #4b5d4b, #7f907f, #aab6aa
Military Minimalism gradient is liked by 0 people.
Add military minimalism gradient to your favorites.
0
Vivid Commerce
Color codes used in vivid commerce gradient: #ff8052, #ffd900, #00bfff
Vivid Commerce gradient is liked by 0 people.
Add vivid commerce 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
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
See page 2 of modern gradients
Next →