Plum Velvet into Slate

Muted duotone purple to blue color palette

Linear gradient, 32 colors at 90°: #9f6f93, #865d7d, #68506c, #54506a, #3d5f75. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#9f6f93
#9d6e92
#9a6c8f
#98698d
#95678a
#916487
#8e6283
#8a5f80
#865d7d
#835b7b
#7f5978
#7b5777
#785674
#745472
#705370
#6c526e
#68506c
#654f6a
#614f68
#5e4e67
#5c4e67
#594e67
#574e68
#54506a
#52516c
#4f536f
#4c5571
#485873
#455a74
#425c75
#3f5e75
#3d5f75

CSS

background: linear-gradient(90deg in oklch, oklch(60.24% 0.0785 335.39) 0.0%, oklch(59.71% 0.0780 335.30) 3.2%, oklch(59.02% 0.0773 335.31) 6.5%, oklch(58.20% 0.0766 335.37) 9.7%, oklch(57.28% 0.0757 335.41) 12.9%, oklch(56.30% 0.0748 335.40) 16.1%, oklch(55.27% 0.0737 335.28) 19.4%, oklch(54.25% 0.0725 335.00) 22.6%, oklch(53.24% 0.0712 334.50) 25.8%, oklch(52.30% 0.0697 333.74) 29.0%, oklch(51.44% 0.0681 332.66) 32.3%, oklch(50.66% 0.0662 331.29) 35.5%, oklch(49.87% 0.0639 329.86) 38.7%, oklch(49.06% 0.0612 328.32) 41.9%, oklch(48.26% 0.0583 326.62) 45.2%, oklch(47.49% 0.0553 324.70) 48.4%, oklch(46.76% 0.0523 322.50) 51.6%, oklch(46.10% 0.0494 319.96) 54.8%, oklch(45.51% 0.0469 317.03) 58.1%, oklch(45.03% 0.0448 313.65) 61.3%, oklch(44.66% 0.0433 309.76) 64.5%, oklch(44.43% 0.0425 305.26) 67.7%, oklch(44.37% 0.0425 299.62) 71.0%, oklch(44.46% 0.0430 292.92) 74.2%, oklch(44.66% 0.0440 285.49) 77.4%, oklch(44.96% 0.0454 277.61) 80.6%, oklch(45.31% 0.0470 269.60) 83.9%, oklch(45.69% 0.0486 261.75) 87.1%, oklch(46.07% 0.0503 254.39) 90.3%, oklch(46.41% 0.0518 247.80) 93.5%, oklch(46.68% 0.0530 242.29) 96.8%, oklch(46.85% 0.0537 238.17) 100.0%);

In these collections

Blue and mauve gradients