Summer Wheel Gradient

summerconicwheelconic#F97316#FBBF24#F97316

CSS

background: conic-gradient(from 135deg at center, #f97316, #fbbf24, #f97316);

Edit in generator →

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><defs><linearGradient id="g" gradientTransform="rotate(135 .5 .5)"><stop offset="0" stop-color="#f97316"/><stop offset="0.5" stop-color="#fbbf24"/><stop offset="1" stop-color="#f97316"/></linearGradient></defs><rect width="800" height="400" fill="url(#g)"/></svg>

Colors in this gradient

#F97316

rgb(249, 115, 22)

#FBBF24

rgb(251, 191, 36)

#F97316

rgb(249, 115, 22)

Families: Summer Gradients

More gradients like this