同系色のグレー、ネイビーと青の線形グラデーション
同系色のグレー、ネイビーと青のパレット（48色）。 #c8e2ef, #667c8e, #16253b, #061b43, #145ba1, #1770c0, #1b4d8f, #122858。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
48色、編集できる OKLCH キーフレーム4個。
- #c8e2ef
- #bfd9e7
- #b4cddc
- #a6bfce
- #97b0bf
- #879faf
- #778d9f
- #667c8e
- #566a7d
- #46596d
- #384a5e
- #2b3c51
- #202f45
- #16253b
- #0f1d34
- #09172f
- #06132e
- #05122f
- #051333
- #05173a
- #061b43
- #08224e
- #0a2a5b
- #0d3369
- #0f3d77
- #114786
- #135194
- #145ba1
- #1564ad
- #156bb8
- #1571bf
- #1574c4
- #1574c5
- #1673c4
- #1770c0
- #196cbb
- #1a67b4
- #1b61ac
- #1c5ba2
- #1c5499
- #1b4d8f
- #1a4684
- #193f7b
- #173972
- #163469
- #142f62
- #132b5c
- #122858
CSS
background: linear-gradient(135deg in oklch, oklch(89.76% 0.0331 229.22) 0.0%, oklch(87.05% 0.0337 230.48) 2.1%, oklch(83.47% 0.0343 232.13) 4.3%, oklch(79.17% 0.0349 234.10) 6.4%, oklch(74.27% 0.0354 236.34) 8.5%, oklch(68.92% 0.0360 238.79) 10.6%, oklch(63.26% 0.0367 241.38) 12.8%, oklch(57.42% 0.0375 244.07) 14.9%, oklch(51.53% 0.0384 246.78) 17.0%, oklch(45.74% 0.0396 249.45) 19.1%, oklch(40.18% 0.0409 252.03) 21.3%, oklch(35.00% 0.0426 254.46) 23.4%, oklch(30.31% 0.0446 256.67) 25.5%, oklch(26.27% 0.0469 258.61) 27.7%, oklch(23.01% 0.0496 260.21) 29.8%, oklch(20.67% 0.0528 261.42) 31.9%, oklch(19.38% 0.0564 262.18) 34.0%, oklch(19.15% 0.0610 262.49) 36.2%, oklch(19.85% 0.0666 262.41) 38.3%, oklch(21.36% 0.0730 262.00) 40.4%, oklch(23.55% 0.0800 261.30) 42.6%, oklch(26.28% 0.0875 260.38) 44.7%, oklch(29.43% 0.0952 259.28) 46.8%, oklch(32.86% 0.1031 258.06) 48.9%, oklch(36.45% 0.1108 256.77) 51.1%, oklch(40.06% 0.1183 255.47) 53.2%, oklch(43.57% 0.1254 254.21) 55.3%, oklch(46.84% 0.1319 253.04) 57.4%, oklch(49.75% 0.1376 252.02) 59.6%, oklch(52.16% 0.1424 251.19) 61.7%, oklch(53.94% 0.1460 250.62) 63.8%, oklch(54.97% 0.1484 250.36) 66.0%, oklch(55.19% 0.1493 250.43) 68.1%, oklch(54.83% 0.1488 250.73) 70.2%, oklch(53.98% 0.1472 251.24) 72.3%, oklch(52.71% 0.1445 251.92) 74.5%, oklch(51.08% 0.1409 252.74) 76.6%, oklch(49.16% 0.1366 253.68) 78.7%, oklch(47.02% 0.1318 254.70) 80.9%, oklch(44.73% 0.1266 255.78) 83.0%, oklch(42.36% 0.1212 256.89) 85.1%, oklch(39.97% 0.1157 258.00) 87.2%, oklch(37.63% 0.1104 259.08) 89.4%, oklch(35.42% 0.1053 260.10) 91.5%, oklch(33.39% 0.1007 261.04) 93.6%, oklch(31.63% 0.0966 261.86) 95.7%, oklch(30.18% 0.0933 262.53) 97.9%, oklch(29.13% 0.0909 263.03) 100.0%);