Pink apricot diagonal glow

Neon duotone pink to yellow color palette

Linear gradient, 7 colors at 45°: #fa5fda, #f852c6, #ff61ad, #fe8892, #feb477, #ffd064, #fecf59. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#fa5fda
#f852c6
#ff61ad
#fe8892
#feb477
#ffd064
#fecf59

CSS

background: linear-gradient(45deg in oklch, oklch(72.44% 0.2301 336.80) 0.0%, oklch(70.08% 0.2329 342.08) 16.7%, oklch(71.65% 0.2039 353.70) 33.3%, oklch(75.98% 0.1433 15.90) 50.0%, oklch(82.68% 0.1157 59.22) 66.7%, oklch(87.79% 0.1358 85.65) 83.3%, oklch(87.40% 0.1433 86.70) 100.0%);

In these collections

Hero section gradients