Peach cyan horizontal glow

Linear gradient, 8 colors at 90°: #fea677, #fdd4a6, #fff8d8, #e6fffa, #b1ffff, #79e5fd, #47b9df, #2588b3. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#fea677
#fdd4a6
#fff8d8
#e6fffa
#b1ffff
#79e5fd
#47b9df
#2588b3

CSS

background: linear-gradient(90deg in oklch, oklch(80.31% 0.1213 48.52) 0.0%, oklch(89.37% 0.0758 69.65) 14.3%, oklch(97.64% 0.0427 97.13) 28.6%, oklch(98.03% 0.0271 182.75) 42.9%, oklch(94.88% 0.0754 196.45) 57.1%, oklch(86.61% 0.1047 214.43) 71.4%, oklch(73.62% 0.1144 223.94) 85.7%, oklch(59.06% 0.1089 232.39) 100.0%);

In these collections

Beach gradients