Linear CSS gradient

#074 Sharp Glass Gradient

Sharp Glass combines lavender (#C9CCD3) in a muted one colour stop linear CSS gradient.

Understated and editorial, the desaturated tones let typography and content take centre stage.

Works well for editorial and publishing sites, minimal portfolios, subtle page dividers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

CSS code

background: #C9CCD3;
 background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: lighten;

#074 Sharp Glass Gradient preview