シームレスなグレーと白の線形グラデーション
シームレスなグレーと白のパレット（32色）。 #d8d6e4, #e3dde8, #f2ecf0, #faf7f7, #fbf7f7, #f6eded, #eedddf, #ead5d7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム3個。
- #d8d6e4
- #dad7e5
- #dcd9e6
- #dfdbe7
- #e3dde8
- #e6e0e9
- #e9e3eb
- #ece6ed
- #efe9ee
- #f2ecf0
- #f5eff2
- #f7f2f4
- #f8f5f6
- #faf7f7
- #fbf8f9
- #fbf9f9
- #fcf9f9
- #fbf8f9
- #fbf7f7
- #faf5f5
- #f9f3f3
- #f8f0f0
- #f6eded
- #f5eaea
- #f3e7e7
- #f1e3e4
- #f0e0e1
- #eedddf
- #eddbdc
- #ebd8da
- #ead6d8
- #ead5d7
CSS
background: linear-gradient(45deg in oklch, oklch(88.19% 0.0193 291.09) 0.0%, oklch(88.60% 0.0186 294.08) 3.2%, oklch(89.15% 0.0177 297.92) 6.5%, oklch(89.82% 0.0166 302.47) 9.7%, oklch(90.59% 0.0153 307.63) 12.9%, oklch(91.43% 0.0139 313.25) 16.1%, oklch(92.31% 0.0124 319.22) 19.4%, oklch(93.22% 0.0109 325.41) 22.6%, oklch(94.12% 0.0094 331.70) 25.8%, oklch(95.00% 0.0079 337.96) 29.0%, oklch(95.83% 0.0065 344.07) 32.3%, oklch(96.59% 0.0053 349.89) 35.5%, oklch(97.24% 0.0043 355.31) 38.7%, oklch(97.78% 0.0035 0.20) 41.9%, oklch(98.17% 0.0030 4.44) 45.2%, oklch(98.39% 0.0027 7.90) 48.4%, oklch(98.41% 0.0029 10.49) 51.6%, oklch(98.25% 0.0034 12.45) 54.8%, oklch(97.91% 0.0042 13.85) 58.1%, oklch(97.44% 0.0053 14.77) 61.3%, oklch(96.84% 0.0067 15.27) 64.5%, oklch(96.14% 0.0082 15.41) 67.7%, oklch(95.37% 0.0098 15.24) 71.0%, oklch(94.55% 0.0116 14.84) 74.2%, oklch(93.70% 0.0134 14.26) 77.4%, oklch(92.85% 0.0152 13.56) 80.6%, oklch(92.02% 0.0170 12.81) 83.9%, oklch(91.23% 0.0186 12.06) 87.1%, oklch(90.51% 0.0202 11.38) 90.3%, oklch(89.88% 0.0215 10.82) 93.5%, oklch(89.36% 0.0226 10.46) 96.8%, oklch(88.98% 0.0234 10.35) 100.0%);