#96DEDA
#50C9C3
Linear CSS gradient
#096 Healthy Water Gradient
Healthy Water is a smooth linear CSS gradient angled at 60° toward the upper right, built from powder blue (#96DEDA) and teal (#50C9C3) across two colour stops.
The balanced colour range transitions cleanly, giving designers a flexible base that adapts to both light and dark surrounding palettes.
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
#96DEDArgb(150, 222, 218)
#50C9C3rgb(80, 201, 195)
CSS code
background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);