Lavender Haze

pastelcalm
#b8a9d9 · 0%#d5cceb · 55%#f0edf9 · 100%

Why it blends

Lavender desaturating upward into a violet-tinged white, a tint ramp on a single hue with an extra midpoint to keep the pale end from posterizing on cheap displays. It fades out exactly where page backgrounds begin, so sections blend instead of seam. Use for wellness and wedding sites, soft dashboards, and anywhere dark ink runs over the full height.

Built around Lavender.

Use this gradient

CSS
background-image: linear-gradient(180deg, #b8a9d9 0%, #d5cceb 55%, #f0edf9 100%);

Related gradients