Crystal Punch Gradient
Click to copy CSS
Crystal Punch
Linear gradient
Mixed tone
0 views
Colors
#45A0EA
rgb(69, 160, 234)
hsl(207, 80%, 59%)
#ECA9BB
rgb(236, 169, 187)
hsl(344, 64%, 79%)
#F9658E
rgb(249, 101, 142)
hsl(343, 93%, 69%)
CSS
background: linear-gradient(90deg, #45a0ea 0%, #eca9bb 50%, #f9658e 100%);
Other Formats
Tailwind
bg-gradient-to-r from-[#45a0ea] to-[#f9658e]
Inline CSS
style="background: linear-gradient(90deg, #45a0ea 0%, #eca9bb 50%, #f9658e 100%)"