Advertise on WebGradients — reach designers & frontend developers.Learn more
#FC6076
#FF9A44

Linear CSS gradient

#133 Orange Juice Gradient

Orange Juice blends red (#FC6076) and vermillion (#FF9A44) in a bold linear CSS gradient across two colour stops.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#FC6076rgb(252, 96, 118)
#FF9A44rgb(255, 154, 68)

CSS code

background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);

#133 Orange Juice Gradient preview