Advertise on WebGradients — reach designers & frontend developers.Learn more
#BDC2E8
#E6DEE9

Linear CSS gradient

#121 Marble Wall Gradient

A soft linear CSS gradient flowing upward from bottom to top, Marble Wall blends lavender (#BDC2E8) and lilac (#E6DEE9) in 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
#BDC2E8rgb(189, 194, 232)
#E6DEE9rgb(230, 222, 233)

CSS code

background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%);

#121 Marble Wall Gradient preview