ネイビー、グレーと茶色の線形グラデーション
ネイビー、グレーと茶色のパレット（32色）。 #17274b, #2b4670, #69798c, #9d9198, #af937b, #a47254, #683f33, #37232a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム7個。
- #17274b
- #1b2c51
- #1f335b
- #243c66
- #2b4670
- #344f7a
- #3e5980
- #4a6585
- #597088
- #69798c
- #778190
- #858795
- #928d98
- #9d9198
- #a59696
- #a99992
- #aa9a8d
- #ac9885
- #af937b
- #b18c70
- #b18467
- #ac7b5e
- #a47254
- #99684a
- #8c5e41
- #80533a
- #744935
- #683f33
- #5a3632
- #4c2e30
- #3f272d
- #37232a
CSS
background: linear-gradient(135deg in oklch, oklch(27.95% 0.0703 265.08) 0.0%, oklch(29.92% 0.0721 264.09) 3.2%, oklch(32.67% 0.0752 262.60) 6.5%, oklch(35.92% 0.0782 260.97) 9.7%, oklch(39.38% 0.0796 259.58) 12.9%, oklch(42.77% 0.0779 258.79) 16.1%, oklch(46.13% 0.0714 257.21) 19.4%, oklch(49.79% 0.0604 253.45) 22.6%, oklch(53.51% 0.0474 250.42) 25.8%, oklch(57.04% 0.0350 251.10) 29.0%, oklch(60.13% 0.0255 258.49) 32.3%, oklch(62.69% 0.0204 276.49) 35.5%, oklch(65.02% 0.0177 306.58) 38.7%, oklch(67.01% 0.0170 342.58) 41.9%, oklch(68.54% 0.0182 17.89) 45.2%, oklch(69.48% 0.0212 45.92) 48.4%, oklch(69.71% 0.0265 60.97) 51.6%, oklch(69.29% 0.0358 65.64) 54.8%, oklch(68.29% 0.0476 63.74) 58.1%, oklch(66.79% 0.0594 58.62) 61.3%, oklch(64.87% 0.0690 53.61) 64.5%, oklch(62.56% 0.0743 51.77) 67.7%, oklch(59.62% 0.0763 51.82) 71.0%, oklch(56.14% 0.0760 52.15) 74.2%, oklch(52.39% 0.0740 51.84) 77.4%, oklch(48.63% 0.0707 50.02) 80.6%, oklch(45.10% 0.0668 45.74) 83.9%, oklch(41.39% 0.0608 37.68) 87.1%, oklch(37.49% 0.0528 26.88) 90.3%, oklch(33.77% 0.0443 15.34) 93.5%, oklch(30.60% 0.0368 5.08) 96.8%, oklch(28.35% 0.0317 358.07) 100.0%);