#DCB0ED
#99C99C
Linear CSS gradient
#093 Smiling Rain Gradient
Smiling Rain is a soft linear CSS gradient built from lilac (#DCB0ED) and green (#99C99C) across two colour stops.
The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.
Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#DCB0EDrgb(220, 176, 237)
#99C99Crgb(153, 201, 156)
CSS code
background-image: linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);