同系色のネイビーからグレーの線形グラデーション
同系色のネイビーからグレーのパレット（32色）。 #10192e, #16223b, #243552, #314362, #465773, #5b6983, #7d869d, #9198ac。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #10192e
- #111b30
- #131d33
- #142037
- #16223b
- #19263f
- #1b2944
- #1e2d49
- #21314e
- #243552
- #273856
- #2a3c5a
- #2e405e
- #314362
- #354765
- #394b69
- #3d4f6c
- #425370
- #465773
- #4b5b77
- #50607b
- #55647f
- #5b6983
- #616f88
- #68748d
- #6f7b93
- #768198
- #7d869d
- #838ca2
- #8991a6
- #8e95a9
- #9198ac
CSS
background: linear-gradient(45deg in oklch, oklch(21.65% 0.0441 265.08) 0.0%, oklch(22.39% 0.0450 264.81) 3.2%, oklch(23.32% 0.0463 264.45) 6.5%, oklch(24.42% 0.0478 264.00) 9.7%, oklch(25.65% 0.0496 263.51) 12.9%, oklch(26.98% 0.0514 262.99) 16.1%, oklch(28.39% 0.0531 262.47) 19.4%, oklch(29.85% 0.0548 261.97) 22.6%, oklch(31.32% 0.0562 261.53) 25.8%, oklch(32.78% 0.0572 261.17) 29.0%, oklch(34.19% 0.0578 260.91) 32.3%, oklch(35.55% 0.0579 260.76) 35.5%, oklch(36.91% 0.0576 260.64) 38.7%, oklch(38.28% 0.0569 260.57) 41.9%, oklch(39.66% 0.0560 260.54) 45.2%, oklch(41.07% 0.0549 260.56) 48.4%, oklch(42.50% 0.0536 260.63) 51.6%, oklch(43.96% 0.0522 260.77) 54.8%, oklch(45.45% 0.0507 260.98) 58.1%, oklch(46.97% 0.0492 261.26) 61.3%, oklch(48.54% 0.0478 261.62) 64.5%, oklch(50.16% 0.0464 262.07) 67.7%, oklch(51.95% 0.0449 262.70) 71.0%, oklch(53.91% 0.0432 263.48) 74.2%, oklch(55.97% 0.0413 264.39) 77.4%, oklch(58.06% 0.0395 265.36) 80.6%, oklch(60.14% 0.0376 266.37) 83.9%, oklch(62.13% 0.0358 267.36) 87.1%, oklch(63.98% 0.0341 268.30) 90.3%, oklch(65.64% 0.0326 269.15) 93.5%, oklch(67.03% 0.0313 269.85) 96.8%, oklch(68.11% 0.0303 270.36) 100.0%);