Neon duotone yellow to pink linear gradient

Linear gradient, 7 colors at 90°: #ffdd00, #ffdb2d, #fed300, #ffc145, #ffa87c, #fd8aa9, #ff63b2. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#ffdd00
#ffdb2d
#fed300
#ffc145
#ffa87c
#fd8aa9
#ff63b2

CSS

background: linear-gradient(90deg in oklch, oklch(89.76% 0.1854 97.73) 0.0%, oklch(89.58% 0.1750 96.19) 16.7%, oklch(87.74% 0.1798 93.70) 33.3%, oklch(84.57% 0.1516 80.83) 50.0%, oklch(80.77% 0.1184 47.13) 66.7%, oklch(76.62% 0.1430 3.69) 83.3%, oklch(72.05% 0.2045 352.06) 100.0%);

In these collections

Summer swatches