Watermelon Ice Gradient
Pink and green mesh blobs melting into their own bright pink base.
Open in the gradient generator →
Color Stops
#FF4D6D
#52D97F
#FFFFFF
#FF85A1
Background · #52D97F
Watermelon Ice CSS Code
HEX Copy
background: #52D97F; background: radial-gradient(at 22% 27%, #FF4D6D, transparent 70%), radial-gradient(at 73% 22%, #52D97F, transparent 70%), radial-gradient(at 78% 73%, #FFFFFF, transparent 70%), radial-gradient(at 27% 78%, #FF85A1, transparent 70%), #52D97F;
RGBA Copy
background: rgba(82, 217, 127, 1.0); background: radial-gradient(at 22% 27%, rgba(255, 77, 109, 1.0), transparent 70%), radial-gradient(at 73% 22%, rgba(82, 217, 127, 1.0), transparent 70%), radial-gradient(at 78% 73%, rgba(255, 255, 255, 1.0), transparent 70%), radial-gradient(at 27% 78%, rgba(255, 133, 161, 1.0), transparent 70%), rgba(82, 217, 127, 1.0);
HSLA Copy
background: hsla(140, 64%, 59%, 1.0); background: radial-gradient(at 22% 27%, hsla(349, 100%, 65%, 1.0), transparent 70%), radial-gradient(at 73% 22%, hsla(140, 64%, 59%, 1.0), transparent 70%), radial-gradient(at 78% 73%, hsla(0, 0%, 100%, 1.0), transparent 70%), radial-gradient(at 27% 78%, hsla(346, 100%, 76%, 1.0), transparent 70%), hsla(140, 64%, 59%, 1.0);
More Gradient Presets
FAQ
What is the Watermelon Ice gradient?Pink and green mesh blobs melting into their own bright pink base.
What's the CSS code for the Watermelon Ice gradient?
Use
background: radial-gradient(at 22% 27%, #FF4D6D, transparent 70%), radial-gradient(at 73% 22%, #52D97F, transparent 70%), radial-gradient(at 78% 73%, #FFFFFF, transparent 70%), radial-gradient(at 27% 78%, #FF85A1, transparent 70%), #52D97F;. RGBA and HSLA versions are also available on this page.