Advertise on WebGradients — reach designers & frontend developers.Learn more
#FDDB92
#D1FDFF

Linear CSS gradient

#031 Blessing Gradient

A soft linear CSS gradient flowing upward from bottom to top, Blessing blends peach (#FDDB92) and powder blue (#D1FDFF) 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
#FDDB92rgb(253, 219, 146)
#D1FDFFrgb(209, 253, 255)

CSS code

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

#031 Blessing Gradient preview