白、ネイビーとグレーの線形グラデーション
白、ネイビーとグレーのパレット（32色）。 #edf2f3, #9fa5a9, #414954, #11172a, #455062, #dee4e7, #bec2c5, #646b73。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #edf2f3
- #dfe4e6
- #ccd2d5
- #b6bcc0
- #9fa5a9
- #888f94
- #72797f
- #5f676e
- #505860
- #414954
- #313a47
- #242c3b
- #192031
- #11172a
- #0e1327
- #0f1429
- #171d32
- #293145
- #455062
- #697583
- #939ea8
- #bcc4ca
- #dee4e7
- #f4f7f8
- #f8f9fa
- #edeff0
- #d8dbdd
- #bec2c5
- #a1a6ab
- #878d93
- #71787f
- #646b73
CSS
background: linear-gradient(225deg in oklch, oklch(95.67% 0.0055 223.59) 0.0%, oklch(91.59% 0.0063 225.54) 3.2%, oklch(85.96% 0.0072 228.14) 6.5%, oklch(79.25% 0.0083 231.23) 9.7%, oklch(71.93% 0.0096 234.67) 12.9%, oklch(64.44% 0.0111 238.29) 16.1%, oklch(57.27% 0.0128 241.93) 19.4%, oklch(50.86% 0.0148 245.44) 22.6%, oklch(45.62% 0.0172 248.72) 25.8%, oklch(40.29% 0.0206 252.56) 29.0%, oklch(34.66% 0.0250 256.98) 32.3%, oklch(29.25% 0.0298 261.54) 35.5%, oklch(24.57% 0.0345 265.82) 38.7%, oklch(21.12% 0.0386 269.37) 41.9%, oklch(19.42% 0.0416 271.76) 45.2%, oklch(19.98% 0.0429 272.55) 48.4%, oklch(23.56% 0.0419 271.18) 51.6%, oklch(31.53% 0.0384 267.02) 54.8%, oklch(42.76% 0.0329 260.78) 58.1%, oklch(55.83% 0.0262 253.33) 61.3%, oklch(69.27% 0.0192 245.57) 64.5%, oklch(81.63% 0.0125 238.38) 67.7%, oklch(91.48% 0.0070 232.65) 71.0%, oklch(97.35% 0.0033 229.26) 74.2%, oklch(98.25% 0.0019 228.79) 77.4%, oklch(95.10% 0.0023 230.64) 80.6%, oklch(89.01% 0.0038 234.17) 83.9%, oklch(81.07% 0.0061 238.76) 87.1%, oklch(72.34% 0.0089 243.79) 90.3%, oklch(63.93% 0.0115 248.63) 93.5%, oklch(56.91% 0.0138 252.67) 96.8%, oklch(52.36% 0.0152 255.30) 100.0%);