シームレスなネイビー、グレーと青の線形グラデーション
シームレスなネイビー、グレーと青のパレット（32色）。 #0e171f, #2e3f4d, #73899b, #c6d3de, #c9d6e1, #7a90a3, #364755, #141e26。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #0e171f
- #141e27
- #1b2731
- #24323e
- #2e3f4d
- #3a4d5d
- #475c6d
- #546a7d
- #62788c
- #73899b
- #879bad
- #9dafbf
- #b3c2cf
- #c6d3de
- #d5e0ea
- #dee8f0
- #dfe8f1
- #d7e2eb
- #c9d6e1
- #b7c6d4
- #a3b5c4
- #8ea2b4
- #7a90a3
- #6a8094
- #5c7386
- #4f6476
- #425565
- #364755
- #2b3946
- #222e38
- #1a242d
- #141e26
CSS
background: linear-gradient(90deg in oklch, oklch(20.08% 0.0207 244.69) 0.0%, oklch(22.87% 0.0225 244.69) 3.2%, oklch(26.56% 0.0254 244.69) 6.5%, oklch(30.97% 0.0288 244.69) 9.7%, oklch(35.87% 0.0323 244.69) 12.9%, oklch(41.06% 0.0356 244.69) 16.1%, oklch(46.33% 0.0382 244.69) 19.4%, oklch(51.47% 0.0398 244.69) 22.6%, oklch(56.33% 0.0398 244.69) 25.8%, oklch(61.85% 0.0379 244.69) 29.0%, oklch(68.07% 0.0345 244.69) 32.3%, oklch(74.49% 0.0301 244.69) 35.5%, oklch(80.64% 0.0255 244.69) 38.7%, oklch(86.02% 0.0210 244.69) 41.9%, oklch(90.14% 0.0175 244.69) 45.2%, oklch(92.53% 0.0154 244.69) 48.4%, oklch(92.71% 0.0154 244.69) 51.6%, oklch(90.72% 0.0175 244.69) 54.8%, oklch(87.00% 0.0210 244.69) 58.1%, oklch(82.04% 0.0255 244.69) 61.3%, oklch(76.29% 0.0301 244.69) 64.5%, oklch(70.23% 0.0345 244.69) 67.7%, oklch(64.32% 0.0379 244.69) 71.0%, oklch(59.04% 0.0398 244.69) 74.2%, oklch(54.33% 0.0398 244.69) 77.4%, oklch(49.27% 0.0382 244.69) 80.6%, oklch(44.02% 0.0356 244.69) 83.9%, oklch(38.80% 0.0323 244.69) 87.1%, oklch(33.85% 0.0288 244.69) 90.3%, oklch(29.39% 0.0254 244.69) 93.5%, oklch(25.64% 0.0225 244.69) 96.8%, oklch(22.83% 0.0207 244.69) 100.0%);