Seamless analogous pink and mauve linear gradient

Seamless analogous pink and mauve color palette

Linear gradient, 7 colors at 90°: #c79c9a, #bb8c93, #a8798d, #9d7089, #a77a86, #b4908b, #baa195. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#c79c9a
#bb8c93
#a8798d
#9d7089
#a77a86
#b4908b
#baa195

CSS

background: linear-gradient(90deg in oklch, oklch(73.23% 0.0510 21.80) 0.0%, oklch(68.78% 0.0571 8.53) 16.7%, oklch(62.85% 0.0651 351.15) 33.3%, oklch(59.84% 0.0675 344.81) 50.0%, oklch(62.70% 0.0589 0.54) 66.7%, oklch(68.49% 0.0449 27.32) 83.3%, oklch(72.83% 0.0344 47.16) 100.0%);

In these collections

Warm neutral gradients