青、グレーと紫の線形グラデーション
青、グレーと紫のパレット（40色）。 #5085aa, #a0c0cf, #c9dae1, #97b7c6, #999bbd, #b69086, #aa7a88, #4e76a2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム5個。
- #5085aa
- #588bad
- #6393b3
- #709eb9
- #7fa9c0
- #90b5c8
- #a0c0cf
- #afcad6
- #bbd2dc
- #c4d8e0
- #c9dbe2
- #c9dae1
- #c4d7df
- #bed3db
- #b5cdd6
- #aac6d0
- #a0becb
- #97b7c6
- #8fb0c2
- #8baac0
- #8ba5c0
- #90a0c0
- #999bbd
- #a396b8
- #ad93ae
- #b491a3
- #b79097
- #b8908d
- #b69086
- #b48e80
- #b38b7e
- #b1867d
- #af8081
- #aa7a88
- #a07592
- #92739c
- #8173a3
- #6e74a6
- #5c75a5
- #4e76a2
CSS
background: linear-gradient(135deg in oklch, oklch(59.45% 0.0799 240.47) 0.0%, oklch(61.40% 0.0760 239.26) 2.6%, oklch(64.17% 0.0704 237.48) 5.1%, oklch(67.54% 0.0636 235.30) 7.7%, oklch(71.26% 0.0561 232.90) 10.3%, oklch(75.11% 0.0484 230.46) 12.8%, oklch(78.84% 0.0408 228.14) 15.4%, oklch(82.22% 0.0339 226.12) 17.9%, oklch(85.02% 0.0281 224.58) 20.5%, oklch(87.00% 0.0239 223.70) 23.1%, oklch(87.92% 0.0217 223.58) 25.6%, oklch(87.81% 0.0215 223.35) 28.2%, oklch(86.86% 0.0228 222.86) 30.8%, oklch(85.26% 0.0254 222.43) 33.3%, oklch(83.19% 0.0289 222.39) 35.9%, oklch(80.84% 0.0329 223.06) 38.5%, oklch(78.39% 0.0371 224.77) 41.0%, oklch(76.01% 0.0411 227.85) 43.6%, oklch(73.91% 0.0446 232.61) 46.2%, oklch(72.26% 0.0473 239.39) 48.7%, oklch(71.18% 0.0489 248.93) 51.3%, oklch(70.46% 0.0497 263.37) 53.8%, oklch(69.98% 0.0499 281.77) 56.4%, oklch(69.68% 0.0498 302.69) 59.0%, oklch(69.49% 0.0494 324.69) 61.5%, oklch(69.35% 0.0490 346.35) 64.1%, oklch(69.19% 0.0488 6.22) 66.7%, oklch(68.94% 0.0489 22.87) 69.2%, oklch(68.54% 0.0494 34.85) 71.8%, oklch(67.91% 0.0506 40.74) 74.4%, oklch(67.02% 0.0526 39.27) 76.9%, oklch(65.86% 0.0553 30.90) 79.5%, oklch(64.53% 0.0587 17.09) 82.1%, oklch(63.07% 0.0625 359.32) 84.6%, oklch(61.56% 0.0665 339.07) 87.2%, oklch(60.06% 0.0705 317.80) 89.7%, oklch(58.64% 0.0743 297.00) 92.3%, oklch(57.36% 0.0777 278.13) 94.9%, oklch(56.30% 0.0806 262.67) 97.4%, oklch(55.51% 0.0827 252.09) 100.0%);