グレーと暗いグレーの線形グラデーション
グレーと暗いグレーのパレット（32色）。 #dee3e5, #b6bdbf, #77848a, #464c50, #404141, #6d6a67, #a8a39c, #d9d5ce。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム7個。
- #dee3e5
- #d7ddde
- #ced3d5
- #c3c9cb
- #b6bdbf
- #aab2b5
- #9ea7aa
- #919ca0
- #849095
- #77848a
- #6a787f
- #5f6b72
- #525c61
- #464c50
- #3c3f41
- #353637
- #343435
- #383939
- #404141
- #4b4c4b
- #575755
- #62615e
- #6d6a67
- #787570
- #837f7a
- #8f8b85
- #9b968f
- #a8a39c
- #b6b2aa
- #c4c0b9
- #d0ccc5
- #d9d5ce
CSS
background: linear-gradient(135deg in oklch, oklch(91.34% 0.0055 216.56) 0.0%, oklch(89.29% 0.0060 217.08) 3.2%, oklch(86.44% 0.0066 217.79) 6.5%, oklch(83.07% 0.0073 218.65) 9.7%, oklch(79.43% 0.0083 219.61) 12.9%, oklch(75.79% 0.0094 220.62) 16.1%, oklch(72.21% 0.0112 221.67) 19.4%, oklch(68.46% 0.0138 222.80) 22.6%, oklch(64.57% 0.0165 224.00) 25.8%, oklch(60.56% 0.0186 225.29) 29.0%, oklch(56.49% 0.0194 226.66) 32.3%, oklch(52.06% 0.0182 229.24) 35.5%, oklch(46.72% 0.0148 235.18) 38.7%, oklch(41.24% 0.0104 241.38) 41.9%, oklch(36.50% 0.0059 244.42) 45.2%, oklch(33.37% 0.0024 240.89) 48.4%, oklch(32.66% 0.0008 226.92) 51.6%, oklch(34.27% 0.0005 200.15) 54.8%, oklch(37.46% 0.0011 166.16) 58.1%, oklch(41.48% 0.0022 131.31) 61.3%, oklch(45.60% 0.0034 102.00) 64.5%, oklch(49.15% 0.0045 84.22) 67.7%, oklch(52.62% 0.0058 76.34) 71.0%, oklch(56.24% 0.0073 74.71) 74.2%, oklch(59.96% 0.0089 76.60) 77.4%, oklch(63.75% 0.0103 79.32) 80.6%, oklch(67.58% 0.0111 80.21) 83.9%, oklch(71.85% 0.0115 80.61) 87.1%, oklch(76.45% 0.0115 81.76) 90.3%, oklch(80.89% 0.0113 83.23) 93.5%, oklch(84.70% 0.0111 84.63) 96.8%, oklch(87.40% 0.0110 85.53) 100.0%);