Rainbow Sherbet Gradient
Conic sweep of playful pastel primary colors.
Open in the gradient generator →
Color Stops
#FFB3BA
#FFFFBA
#BAFFC9
#BAE1FF
#FFB3BA
Rainbow Sherbet CSS Code
HEX Copy
background: #FFB3BA; background: conic-gradient(from 0deg, #FFB3BA 0%, #FFFFBA 25%, #BAFFC9 50%, #BAE1FF 75%, #FFB3BA 100%);
RGBA Copy
background: rgba(255, 179, 186, 1.0); background: conic-gradient(from 0deg, rgba(255, 179, 186, 1.0) 0%, rgba(255, 255, 186, 1.0) 25%, rgba(186, 255, 201, 1.0) 50%, rgba(186, 225, 255, 1.0) 75%, rgba(255, 179, 186, 1.0) 100%);
HSLA Copy
background: hsla(354, 100%, 85%, 1.0); background: conic-gradient(from 0deg, hsla(354, 100%, 85%, 1.0) 0%, hsla(60, 100%, 86%, 1.0) 25%, hsla(133, 100%, 86%, 1.0) 50%, hsla(206, 100%, 86%, 1.0) 75%, hsla(354, 100%, 85%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Rainbow Sherbet gradient?Conic sweep of playful pastel primary colors.
What's the CSS code for the Rainbow Sherbet gradient?
Use
background: conic-gradient(from 0deg, #FFB3BA 0%, #FFFFBA 25%, #BAFFC9 50%, #BAE1FF 75%, #FFB3BA 100%);. RGBA and HSLA versions are also available on this page.