Candy Drop Gradient
Hot pink, turquoise, and gold mesh blobs glowing from a matching pink base.
Open in the gradient generator →
Color Stops
#FF1493
#00CED1
#FFD700
Background · #FF1493
Candy Drop CSS Code
HEX Copy
background: #FF1493; background: radial-gradient(at 73% 22%, #FF1493, transparent 70%), radial-gradient(at 62% 84%, #00CED1, transparent 70%), radial-gradient(at 15% 44%, #FFD700, transparent 70%), #FF1493;
RGBA Copy
background: rgba(255, 20, 147, 1.0); background: radial-gradient(at 73% 22%, rgba(255, 20, 147, 1.0), transparent 70%), radial-gradient(at 62% 84%, rgba(0, 206, 209, 1.0), transparent 70%), radial-gradient(at 15% 44%, rgba(255, 215, 0, 1.0), transparent 70%), rgba(255, 20, 147, 1.0);
HSLA Copy
background: hsla(328, 100%, 54%, 1.0); background: radial-gradient(at 73% 22%, hsla(328, 100%, 54%, 1.0), transparent 70%), radial-gradient(at 62% 84%, hsla(181, 100%, 41%, 1.0), transparent 70%), radial-gradient(at 15% 44%, hsla(51, 100%, 50%, 1.0), transparent 70%), hsla(328, 100%, 54%, 1.0);
More Gradient Presets
FAQ
What is the Candy Drop gradient?Hot pink, turquoise, and gold mesh blobs glowing from a matching pink base.
What's the CSS code for the Candy Drop gradient?
Use
background: radial-gradient(at 73% 22%, #FF1493, transparent 70%), radial-gradient(at 62% 84%, #00CED1, transparent 70%), radial-gradient(at 15% 44%, #FFD700, transparent 70%), #FF1493;. RGBA and HSLA versions are also available on this page.