Free Gradient Generator
Create stunning gradients for your web projects. Customize colors, direction, and more with our intuitive generator.
Gradient Type
Linear
Direction
90°
90°
Color Stops
2 colors
0%
100%
CSS Code
Toggle CSS code
Export Settings
1000×1000px
Preview (Export: 1000×1000px)
Gradient Examples
Sunset
Ocean
Purple Love
Forest
Sunrise
Northern Lights
Royal Blue
Wiretap
Mojito
Cherry
Pinky
Lemon Twist
Emerald
Cosmic Fusion
Azure Pop
Blood Red
Rainbow
Dawn
Sublime Light
Plum Plate
Aqua Splash
Dusty Grass
Winter Neva
Deep Blue
Sky Glow
Warm Flame
Night Fade
Sunny Morning
Midnight City
Mystic River
Berry Bliss
Golden Hour
Cosmic Fusion
Sunset Vibes
Mint Leaf
Electric Violet
Desert Sand
Coral Reef
Lunar Eclipse
Autumn Leaves