Unicorn Rainbow Gradient

Click to copy CSS

Unicorn Rainbow

Linear gradient Mixed tone 0 views

Colors

#F7F0AC
rgb(247, 240, 172)
hsl(54, 82%, 82%)
#ACF7F0
rgb(172, 247, 240)
hsl(174, 82%, 82%)
#F0ACF7
rgb(240, 172, 247)
hsl(294, 82%, 82%)

CSS

background: linear-gradient(90deg, #f7f0ac 0%, #acf7f0 50%, #f0acf7 100%);
      

Other Formats

Tailwind
bg-gradient-to-r from-[#f7f0ac] to-[#f0acf7]
Inline CSS
style="background: linear-gradient(90deg, #f7f0ac 0%, #acf7f0 50%, #f0acf7 100%)"