紫、明るい青と暗いグレーの線形グラデーション
紫、明るい青と暗いグレーのパレット（32色）。 #56405a, #684d65, #87687e, #9b8ca9, #b6cadb, #afc5cb, #5c6a71, #293239。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #56405a
- #5a425d
- #5e455f
- #634962
- #684d65
- #6f5169
- #75566d
- #7b5c71
- #816177
- #87687e
- #8c6e85
- #91768e
- #96809b
- #9b8ca9
- #a19ab7
- #a6a8c4
- #abb5cf
- #b1c1d6
- #b6cadb
- #b9d0dd
- #bad2db
- #b7ced6
- #afc5cb
- #a2b7bd
- #92a6ab
- #819298
- #6e7e84
- #5c6a71
- #4b575f
- #3c474f
- #313b42
- #293239
CSS
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0524 321.33) 0.0%, oklch(41.53% 0.0523 322.52) 3.2%, oklch(42.74% 0.0523 324.73) 6.5%, oklch(44.15% 0.0523 327.58) 9.7%, oklch(45.74% 0.0524 330.71) 12.9%, oklch(47.48% 0.0524 333.74) 16.1%, oklch(49.35% 0.0523 336.30) 19.4%, oklch(51.32% 0.0520 338.02) 22.6%, oklch(53.36% 0.0516 338.54) 25.8%, oklch(55.45% 0.0509 337.47) 29.0%, oklch(57.56% 0.0500 334.46) 32.3%, oklch(59.86% 0.0487 328.92) 35.5%, oklch(62.85% 0.0470 320.32) 38.7%, oklch(66.34% 0.0450 309.31) 41.9%, oklch(70.09% 0.0427 296.59) 45.2%, oklch(73.87% 0.0403 282.85) 48.4%, oklch(77.43% 0.0378 268.80) 51.6%, oklch(80.54% 0.0352 255.16) 54.8%, oklch(82.96% 0.0328 242.61) 58.1%, oklch(84.46% 0.0306 231.86) 61.3%, oklch(84.79% 0.0287 223.63) 64.5%, oklch(83.71% 0.0271 218.55) 67.7%, oklch(80.88% 0.0256 216.19) 71.0%, oklch(76.56% 0.0244 215.99) 74.2%, oklch(71.09% 0.0232 217.51) 77.4%, oklch(64.84% 0.0221 220.33) 80.6%, oklch(58.18% 0.0212 224.04) 83.9%, oklch(51.45% 0.0204 228.21) 87.1%, oklch(45.01% 0.0196 232.41) 90.3%, oklch(39.24% 0.0190 236.23) 93.5%, oklch(34.48% 0.0184 239.24) 96.8%, oklch(31.10% 0.0179 241.01) 100.0%);