Advertise on WebGradients — reach designers & frontend developers.Learn more
#D7D2CC
#304352

Linear CSS gradient

#145 Rich Metal Gradient

A muted linear CSS gradient sweeping from left to right, Rich Metal blends peach (#D7D2CC) and navy (#304352) in two colour stops.

The muted palette acts as a neutral stage — sophisticated enough on its own, but always cooperative with overlaid elements.

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

ColorHEXRGB
#D7D2CCrgb(215, 210, 204)
#304352rgb(48, 67, 82)

CSS code

background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);

#145 Rich Metal Gradient preview