Plum aqua and olive stained glass bands

Thirty-two diagonal swatches move from charcoal plum through violet and muted blue into teal, aqua, soft green, pale olive, and… #201a24, #5d519e, #e5d5b8.

32 colors, 4 editable OKLCH keyframes.

#201a24
#241c29
#2a1e30
#312038
#3a2242
#43244c
#4d2655
#57295f
#602b69
#682e73
#6d327c
#6f3685
#6f3b8c
#6c4092
#694597
#634b9b
#5d519e
#5657a0
#4e5ea1
#4766a2
#406ea2
#3a78a3
#3884a2
#3e909f
#509d9b
#69a897
#85b395
#a0bb97
#b8c39d
#cbcaa5
#dad0af
#e5d5b8

CSS

background: linear-gradient(135deg, oklch(22.83% 0.0207 311.48) 0.000% 3.125%, oklch(24.05% 0.0278 312.18) 3.125% 6.250%, oklch(25.65% 0.0377 313.51) 6.250% 9.375%, oklch(27.56% 0.0498 315.23) 9.375% 12.500%, oklch(29.70% 0.0632 317.12) 12.500% 15.625%, oklch(31.99% 0.0773 318.93) 15.625% 18.750%, oklch(34.34% 0.0913 320.45) 18.750% 21.875%, oklch(36.68% 0.1046 321.42) 21.875% 25.000%, oklch(38.92% 0.1163 321.63) 25.000% 28.125%, oklch(40.98% 0.1257 320.84) 28.125% 31.250%, oklch(42.78% 0.1323 318.81) 31.250% 34.375%, oklch(44.24% 0.1354 315.53) 34.375% 37.500%, oklch(45.38% 0.1360 311.53) 37.500% 40.625%, oklch(46.27% 0.1345 306.83) 40.625% 43.750%, oklch(47.01% 0.1312 301.41) 43.750% 46.875%, oklch(47.67% 0.1266 295.24) 46.875% 50.000%, oklch(48.36% 0.1210 288.30) 50.000% 53.125%, oklch(49.15% 0.1149 280.56) 53.125% 56.250%, oklch(50.13% 0.1086 271.99) 56.250% 59.375%, oklch(51.38% 0.1024 262.57) 59.375% 62.500%, oklch(53.00% 0.0969 252.27) 62.500% 65.625%, oklch(55.09% 0.0922 240.95) 65.625% 68.750%, oklch(57.79% 0.0873 227.22) 68.750% 71.875%, oklch(61.03% 0.0819 211.22) 71.875% 75.000%, oklch(64.64% 0.0763 193.62) 75.000% 78.125%, oklch(68.49% 0.0705 175.13) 78.125% 81.250%, oklch(72.40% 0.0648 156.40) 81.250% 84.375%, oklch(76.24% 0.0593 138.13) 84.375% 87.500%, oklch(79.86% 0.0541 121.00) 87.500% 90.625%, oklch(83.09% 0.0495 105.68) 90.625% 93.750%, oklch(85.78% 0.0457 92.87) 93.750% 96.875%, oklch(87.80% 0.0427 83.23) 96.875% 100.000%);

In these collections

Stained glass colors