#C71D6F
#D09693
Linear CSS gradient
#095 Big Mango Gradient
Big Mango runs flowing upward from bottom to top, blending hot pink (#C71D6F) and red (#D09693) in a smooth two colour stops linear CSS gradient.
The smooth tonal shift makes this gradient easy to layer under text or semi-transparent UI elements without introducing unwanted clashes.
Works well for hero section backgrounds, marketing landing pages, UI card surfaces. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#C71D6Frgb(199, 29, 111)
#D09693rgb(208, 150, 147)
CSS code
background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);