Advertise on WebGradients — reach designers & frontend developers.Learn more
#F83600
#F9D423

Linear CSS gradient

#084 Phoenix Start Gradient

Phoenix Start is a bold linear CSS gradient sweeping from left to right, built from red (#F83600) and amber (#F9D423) across two colour stops.

The electric, high-saturation hues deliver instant visual impact and give any interface an energetic, forward-looking edge.

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
#F83600rgb(248, 54, 0)
#F9D423rgb(249, 212, 35)

CSS code

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

#084 Phoenix Start Gradient preview