同系色の青からネイビーの線形グラデーション
同系色の青からネイビーのパレット（32色）。 #3172a2, #286797, #185583, #0b4571, #05355b, #052846, #051a2f, #041223。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム3個。
- #3172a2
- #2f70a0
- #2d6d9d
- #2b6a9a
- #286797
- #256493
- #226090
- #1f5d8c
- #1c5987
- #185583
- #15517f
- #114d7a
- #0e4976
- #0b4571
- #09426d
- #073e69
- #063b64
- #053860
- #05355b
- #053156
- #052e51
- #052b4c
- #052846
- #052441
- #06213c
- #061f38
- #051c33
- #051a2f
- #05172b
- #051528
- #051425
- #041223
CSS
background: linear-gradient(180deg in oklch, oklch(53.15% 0.1006 243.98) 0.0%, oklch(52.49% 0.1003 244.14) 3.2%, oklch(51.69% 0.1000 244.32) 6.5%, oklch(50.77% 0.0997 244.54) 9.7%, oklch(49.73% 0.0995 244.77) 12.9%, oklch(48.61% 0.0992 245.04) 16.1%, oklch(47.40% 0.0989 245.31) 19.4%, oklch(46.13% 0.0985 245.61) 22.6%, oklch(44.82% 0.0981 245.91) 25.8%, oklch(43.48% 0.0975 246.22) 29.0%, oklch(42.11% 0.0968 246.54) 32.3%, oklch(40.75% 0.0959 246.86) 35.5%, oklch(39.41% 0.0949 247.17) 38.7%, oklch(38.09% 0.0937 247.48) 41.9%, oklch(36.82% 0.0922 247.78) 45.2%, oklch(35.61% 0.0905 248.07) 48.4%, oklch(34.47% 0.0885 248.35) 51.6%, oklch(33.28% 0.0861 248.64) 54.8%, oklch(32.06% 0.0832 248.94) 58.1%, oklch(30.80% 0.0800 249.25) 61.3%, oklch(29.53% 0.0765 249.56) 64.5%, oklch(28.26% 0.0728 249.88) 67.7%, oklch(26.99% 0.0690 250.20) 71.0%, oklch(25.75% 0.0651 250.51) 74.2%, oklch(24.54% 0.0612 250.82) 77.4%, oklch(23.38% 0.0573 251.11) 80.6%, oklch(22.28% 0.0537 251.39) 83.9%, oklch(21.25% 0.0502 251.65) 87.1%, oklch(20.30% 0.0470 251.89) 90.3%, oklch(19.46% 0.0442 252.10) 93.5%, oklch(18.72% 0.0418 252.29) 96.8%, oklch(18.11% 0.0400 252.44) 100.0%);