Holographic Foil Gradient
Five-color iridescent sweep, like shifting foil.
Open in the gradient generator → Color Stops
#FF61D2
#FE9090
#FFD076
#9DFFB0
#67CFFF
Holographic Foil CSS Code
HEX Copy
background: #FF61D2; background: conic-gradient(from 315deg, #FF61D2 0%, #FE9090 25%, #FFD076 50%, #9DFFB0 75%, #67CFFF 100%);
RGBA Copy
background: rgba(255, 97, 210, 1.0); background: conic-gradient(from 315deg, rgba(255, 97, 210, 1.0) 0%, rgba(254, 144, 144, 1.0) 25%, rgba(255, 208, 118, 1.0) 50%, rgba(157, 255, 176, 1.0) 75%, rgba(103, 207, 255, 1.0) 100%);
HSLA Copy
background: hsla(317, 100%, 69%, 1.0); background: conic-gradient(from 315deg, hsla(317, 100%, 69%, 1.0) 0%, hsla(0, 98%, 78%, 1.0) 25%, hsla(39, 100%, 73%, 1.0) 50%, hsla(132, 100%, 81%, 1.0) 75%, hsla(199, 100%, 70%, 1.0) 100%);