Plum Teal Vintage Passage

Muted rainbow from black to pink color palette

This diagonal gradient moves from near black plum through deep violet and blue, then teal, olive, dusty rose, lavender gray, and pale peach. Linear gradient, 32 colors at 60°: #190913, #423565, #7c764f, #b4a2b7, #fde2cd. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#190913
#1e0b17
#270e1d
#311123
#3b142c
#441936
#4a2044
#4a2955
#423565
#34426f
#21506f
#185c68
#28645e
#3e6b56
#546f50
#69734d
#7c764f
#8d7957
#9b7d63
#a68273
#ad8886
#b18f99
#b399aa
#b4a2b7
#b8acc1
#beb4c9
#cabbcf
#d9c2d3
#e8cad2
#f4d2cf
#fbdbcd
#fde2cd

CSS

background: linear-gradient(60deg in oklch, oklch(16.93% 0.0331 343.13) 0.0%, oklch(18.54% 0.0392 343.34) 3.2%, oklch(20.76% 0.0483 344.96) 6.5%, oklch(23.39% 0.0589 346.36) 9.7%, oklch(26.24% 0.0693 345.92) 12.9%, oklch(29.10% 0.0780 342.00) 16.1%, oklch(31.79% 0.0835 333.00) 19.4%, oklch(34.23% 0.0847 317.26) 22.6%, oklch(36.64% 0.0827 295.15) 25.8%, oklch(39.04% 0.0784 268.79) 29.0%, oklch(41.44% 0.0731 240.31) 32.3%, oklch(43.85% 0.0677 211.86) 35.5%, oklch(46.27% 0.0633 185.58) 38.7%, oklch(48.71% 0.0605 162.76) 41.9%, oklch(51.18% 0.0586 141.10) 45.2%, oklch(53.66% 0.0570 120.22) 48.4%, oklch(56.14% 0.0556 100.04) 51.6%, oklch(58.63% 0.0541 80.50) 54.8%, oklch(61.11% 0.0523 61.54) 58.1%, oklch(63.59% 0.0499 42.72) 61.3%, oklch(66.07% 0.0466 21.47) 64.5%, oklch(68.56% 0.0428 359.23) 67.7%, oklch(71.05% 0.0389 338.40) 71.0%, oklch(73.52% 0.0354 321.36) 74.2%, oklch(75.99% 0.0328 310.51) 77.4%, oklch(78.45% 0.0316 308.31) 80.6%, oklch(81.10% 0.0319 317.62) 83.9%, oklch(83.90% 0.0334 336.02) 87.1%, oklch(86.66% 0.0355 359.42) 90.3%, oklch(89.21% 0.0379 23.75) 93.5%, oklch(91.35% 0.0400 44.93) 96.8%, oklch(92.91% 0.0413 58.86) 100.0%);

In these collections

Vintage gradients