CSS Gradient Generator
Design smooth color transitions.
Preview
Area
Configuration
90deg
Popular Gradients
Click to Apply or Copy
Apply
Lady Lips
#FF9A9E -> #FECFEF
Apply
Winter Neva
#a1c4fd -> #c2e9fb
Apply
Emerald
#43e97b -> #38f9d7
Apply
Fruit Blend
#fa709a -> #fee140
Apply
Plum Plate
#667eea -> #764ba2
Apply
Malibu Beach
#89f7fe -> #66a6ff
Apply
Blue Lagoon
#4facfe -> #00f2fe
Apply
Perfect Pink
#f093fb -> #f5576c
Apply
Deep Blue
#e0c3fc -> #8ec5fc
Apply
Ripe Malinka
#f093fb -> #f5576c
Apply
Sunny Morning
#f6d365 -> #fda085
Apply
Dusty Grass
#d4fc79 -> #96e6a1
Apply
Temps
#a18cd1 -> #fbc2eb
Apply
Mean Fruit
#fccb90 -> #d57eeb
Apply
Light Blue
#9efbd3 -> #57e9f2
Apply
New Retrowave
#3b41c5 -> #a981bb
Apply
Night Fade
#a18cd1 -> #fbc2eb
Apply
Spring Warmth
#fad0c4 -> #ffd1ff
Apply
Juicy Peach
#ffecd2 -> #fcb69f
Apply
Young Grass
#96deda -> #50c9c3
Apply
Colorful Peach
#ed6ea0 -> #ec8c69
Apply
Gentle Care
#ffc3a0 -> #ffafbd
Apply
Plum Bath
#cc208e -> #6713d2
Apply
Happy Fisher
#89f7fe -> #66a6ff
Apply
Blessing
#fddb92 -> #d1fdff
Apply
Liquid DNA
#e1eec3 -> #f05053
Apply
Strong Bliss
#f78ca0 -> #f9748f
Apply
Fresh Milk
#feada6 -> #f5efef
Apply
Great Whale
#a3bded -> #6991c7
Apply
Aqua Splash
#13547a -> #80d0c7