ネイビー、グレー、明るい青と青の線形グラデーション
ネイビー、グレー、明るい青と青のパレット（32色）。 #07142e, #495f75, #bfd7e4, #a8c7da, #314e75, #0f255a, #164e95, #1774c5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #07142e
- #101f39
- #1f3049
- #32465e
- #495f75
- #637a8e
- #7e96a8
- #98b0c0
- #aec6d4
- #bfd7e4
- #c7e1ee
- #c6e1ef
- #bbd8e7
- #a8c7da
- #91b1c7
- #7798b2
- #5d7e9c
- #456487
- #314e75
- #213b65
- #162e5b
- #112758
- #0f255a
- #0f2860
- #102e6b
- #123777
- #144286
- #164e95
- #175aa4
- #1865b2
- #186ebd
- #1774c5
CSS
background: linear-gradient(180deg in oklch, oklch(19.69% 0.0551 262.27) 0.0%, oklch(24.25% 0.0535 260.11) 3.2%, oklch(30.81% 0.0510 256.98) 6.5%, oklch(38.82% 0.0479 253.16) 9.7%, oklch(47.72% 0.0445 248.91) 12.9%, oklch(56.98% 0.0410 244.50) 16.1%, oklch(66.04% 0.0378 240.21) 19.4%, oklch(74.36% 0.0350 236.30) 22.6%, oklch(81.40% 0.0331 233.04) 25.8%, oklch(86.61% 0.0322 230.71) 29.0%, oklch(89.44% 0.0326 229.57) 32.3%, oklch(89.37% 0.0345 229.90) 35.5%, oklch(86.45% 0.0379 231.69) 38.7%, oklch(81.26% 0.0423 234.65) 41.9%, oklch(74.38% 0.0477 238.48) 45.2%, oklch(66.41% 0.0538 242.86) 48.4%, oklch(57.94% 0.0603 247.48) 51.6%, oklch(49.56% 0.0672 252.05) 54.8%, oklch(41.86% 0.0740 256.25) 58.1%, oklch(35.43% 0.0807 259.78) 61.3%, oklch(30.85% 0.0871 262.32) 64.5%, oklch(28.68% 0.0928 263.61) 67.7%, oklch(28.44% 0.0988 263.87) 71.0%, oklch(29.65% 0.1052 263.36) 74.2%, oklch(32.02% 0.1117 262.23) 77.4%, oklch(35.23% 0.1182 260.64) 80.6%, oklch(38.99% 0.1245 258.77) 83.9%, oklch(42.97% 0.1306 256.76) 87.1%, oklch(46.88% 0.1362 254.79) 90.3%, oklch(50.42% 0.1413 253.00) 93.5%, oklch(53.26% 0.1455 251.56) 96.8%, oklch(55.12% 0.1488 250.64) 100.0%);