Cream Dusty Rose Navy

This linear gradient moves through cream, dusty rose, navy, gray, and tan in its saved order. Linear gradient, 32 colors at 45°: #f3d5c5, #735886, #283b56, #788d8b, #d49474. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f3d5c5
#ecc9bc
#e1b9b1
#d3a5a6
#c2929d
#ae7f97
#996f91
#85628c
#735886
#63507f
#554977
#48426e
#3d3c65
#34385e
#2e3758
#293756
#283b56
#2c4359
#354d5f
#425a67
#516871
#60767b
#6e8384
#788d8b
#7f958e
#859c8c
#8ea085
#9ca17a
#ad9f71
#bd9b6c
#cb966e
#d49474

CSS

background: linear-gradient(45deg in oklch, oklch(89.37% 0.0400 49.92) 0.0%, oklch(86.19% 0.0434 41.81) 3.2%, oklch(81.80% 0.0484 30.62) 6.5%, oklch(76.55% 0.0544 17.27) 9.7%, oklch(70.83% 0.0607 2.69) 12.9%, oklch(65.01% 0.0668 347.79) 16.1%, oklch(59.47% 0.0720 333.50) 19.4%, oklch(54.58% 0.0757 320.73) 22.6%, oklch(50.68% 0.0774 310.36) 25.8%, oklch(47.11% 0.0771 302.04) 29.0%, oklch(43.66% 0.0753 295.07) 32.3%, oklch(40.49% 0.0725 289.01) 35.5%, oklch(37.78% 0.0689 283.41) 38.7%, oklch(35.68% 0.0649 277.82) 41.9%, oklch(34.37% 0.0608 271.79) 45.2%, oklch(34.02% 0.0569 264.86) 48.4%, oklch(34.86% 0.0532 256.82) 51.6%, oklch(37.28% 0.0483 248.65) 54.8%, oklch(40.93% 0.0426 240.34) 58.1%, oklch(45.40% 0.0367 231.64) 61.3%, oklch(50.24% 0.0312 222.31) 64.5%, oklch(55.03% 0.0269 212.13) 67.7%, oklch(59.34% 0.0244 200.85) 71.0%, oklch(62.73% 0.0243 188.23) 74.2%, oklch(65.07% 0.0276 173.38) 77.4%, oklch(66.90% 0.0343 155.25) 80.6%, oklch(68.32% 0.0434 135.03) 83.9%, oklch(69.42% 0.0539 114.01) 87.1%, oklch(70.26% 0.0648 93.46) 90.3%, oklch(70.93% 0.0751 74.66) 93.5%, oklch(71.50% 0.0837 58.90) 96.8%, oklch(72.05% 0.0896 47.46) 100.0%);

In these collections

Dusk gradients