Advertise on WebGradients — reach designers & frontend developers.Learn more
#323232
#3F3F3F
#1C1C1C

Linear CSS gradient

#135 Slick Carbon Gradient

Slick Carbon is a muted linear CSS gradient flowing downward from top to bottom, built from charcoal (#323232), charcoal (#3F3F3F), and near-black (#1C1C1C) across 3 colour stops.

The low-lightness palette creates contrast that makes text and UI elements pop, lending a premium editorial feel.

Works well for luxury product pages, portfolio hero sections, editorial covers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#323232rgb(50, 50, 50)
#3F3F3Frgb(63, 63, 63)
#1C1C1Crgb(28, 28, 28)

CSS code

background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 background-blend-mode: multiply;

#135 Slick Carbon Gradient preview