Plum Pale Cream Dusty Rose

This linear gradient moves through plum, pale cream, dusty rose, blue gray, sage, and muted gold in its saved order. Linear gradient, 32 colors at 180°: #6d4d60, #e9d9cf, #b26a80, #8fa5b5, #d8b56a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#6d4d60
#795867
#8b6a73
#9e8083
#b29997
#c5b0ab
#d6c5be
#e2d4cb
#e9d9cf
#e9d5c8
#e5c8b9
#ddb7a5
#d4a291
#ca8d80
#c17b77
#b86f77
#b26a80
#ab6d8d
#a3749c
#9a7ea8
#9389b0
#8f94b4
#8f9eb5
#8fa5b5
#8dabb5
#8ab1b3
#89b7ac
#90bc9e
#a0bd8d
#b5bc7b
#c9b86f
#d8b56a

CSS

background: linear-gradient(180deg in oklch, oklch(46.06% 0.0524 343.83) 0.0%, oklch(50.05% 0.0491 350.26) 3.2%, oklch(55.92% 0.0438 359.74) 6.5%, oklch(62.95% 0.0375 11.09) 9.7%, oklch(70.39% 0.0311 23.10) 12.9%, oklch(77.51% 0.0254 34.58) 16.1%, oklch(83.56% 0.0213 44.31) 19.4%, oklch(87.81% 0.0197 51.12) 22.6%, oklch(89.53% 0.0215 53.87) 25.8%, oklch(88.49% 0.0281 53.59) 29.0%, oklch(85.33% 0.0386 51.10) 32.3%, oklch(80.76% 0.0513 46.61) 35.5%, oklch(75.46% 0.0647 40.32) 38.7%, oklch(70.15% 0.0773 32.43) 41.9%, oklch(65.53% 0.0876 23.15) 45.2%, oklch(62.29% 0.0939 12.69) 48.4%, oklch(60.99% 0.0947 1.05) 51.6%, oklch(60.98% 0.0899 347.34) 54.8%, oklch(61.88% 0.0810 331.77) 58.1%, oklch(63.43% 0.0697 314.76) 61.3%, oklch(65.37% 0.0577 296.73) 64.5%, oklch(67.44% 0.0467 278.08) 67.7%, oklch(69.39% 0.0384 259.24) 71.0%, oklch(70.96% 0.0345 240.61) 74.2%, oklch(72.11% 0.0362 221.57) 77.4%, oklch(73.26% 0.0424 200.29) 80.6%, oklch(74.39% 0.0517 177.76) 83.9%, oklch(75.48% 0.0629 155.08) 87.1%, oklch(76.50% 0.0749 133.36) 90.3%, oklch(77.40% 0.0862 113.68) 93.5%, oklch(78.16% 0.0956 97.17) 96.8%, oklch(78.74% 0.1020 84.92) 100.0%);

In these collections

Late winter protea