Advertise on WebGradients — reach designers & frontend developers.Learn more
#DF89B5
#BFD9FE

Linear CSS gradient

#143 Forest Inei Gradient

Forest Inei runs flowing upward from bottom to top, blending hot pink (#DF89B5) and lavender (#BFD9FE) in a soft two colour stops linear CSS gradient.

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
#DF89B5rgb(223, 137, 181)
#BFD9FErgb(191, 217, 254)

CSS code

background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);

#143 Forest Inei Gradient preview