Mango Tango Gradient
Sunny orange and pink mesh blobs glowing from their own warm base.
Open in the gradient generator →
Color Stops
#FF9A00
#FF5E7E
Background · #FF5E7E
Mango Tango CSS Code
HEX Copy
background: #FF5E7E; background: radial-gradient(at 40% 78%, #FF9A00, transparent 70%), radial-gradient(at 60% 22%, #FF5E7E, transparent 70%), #FF5E7E;
RGBA Copy
background: rgba(255, 94, 126, 1.0); background: radial-gradient(at 40% 78%, rgba(255, 154, 0, 1.0), transparent 70%), radial-gradient(at 60% 22%, rgba(255, 94, 126, 1.0), transparent 70%), rgba(255, 94, 126, 1.0);
HSLA Copy
background: hsla(348, 100%, 68%, 1.0); background: radial-gradient(at 40% 78%, hsla(36, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 60% 22%, hsla(348, 100%, 68%, 1.0), transparent 70%), hsla(348, 100%, 68%, 1.0);
More Gradient Presets
FAQ
What is the Mango Tango gradient?Sunny orange and pink mesh blobs glowing from their own warm base.
What's the CSS code for the Mango Tango gradient?
Use
background: radial-gradient(at 40% 78%, #FF9A00, transparent 70%), radial-gradient(at 60% 22%, #FF5E7E, transparent 70%), #FF5E7E;. RGBA and HSLA versions are also available on this page.