#37ECBA
#72AFD3
Linear CSS gradient
#041 Happy Acid Gradient
Happy Acid runs flowing upward from bottom to top, blending emerald (#37ECBA) and cyan (#72AFD3) in a vivid two colour stops linear CSS gradient.
The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.
Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#37ECBArgb(55, 236, 186)
#72AFD3rgb(114, 175, 211)
CSS code
background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);