グレーから黒の放射状グラデーション
放射状グラデーション、32色：#d3c1b8, #44464b, #566e80, #826d67, #15171a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #d3c1b8
- #c7b4af
- #b4a3a3
- #9d8f93
- #847b81
- #6d696f
- #5a585e
- #4c4c51
- #44464b
- #40454a
- #40484e
- #424e56
- #44555f
- #485e68
- #4c6672
- #516b7a
- #566e80
- #606f86
- #6e6e88
- #7c6e85
- #866e7d
- #896f74
- #876f6c
- #826d67
- #796661
- #6d5b5a
- #5c4e51
- #4a4046
- #38333a
- #28272d
- #1c1e22
- #15171a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.28% 0.0248 47.11) 0.0%, oklch(78.48% 0.0231 35.26) 3.2%, oklch(72.98% 0.0205 18.61) 6.5%, oklch(66.40% 0.0174 358.73) 9.7%, oklch(59.38% 0.0142 337.21) 12.9%, oklch(52.54% 0.0112 315.62) 16.1%, oklch(46.50% 0.0091 295.52) 19.4%, oklch(41.90% 0.0080 278.49) 22.6%, oklch(39.34% 0.0086 265.92) 25.8%, oklch(38.73% 0.0111 255.28) 29.0%, oklch(39.59% 0.0153 245.62) 32.3%, oklch(41.50% 0.0204 237.54) 35.5%, oklch(44.04% 0.0259 231.60) 38.7%, oklch(46.80% 0.0313 228.37) 41.9%, oklch(49.37% 0.0359 228.42) 45.2%, oklch(51.34% 0.0391 232.33) 48.4%, oklch(52.49% 0.0404 241.44) 51.6%, oklch(53.66% 0.0405 259.52) 54.8%, oklch(54.86% 0.0395 284.29) 58.1%, oklch(55.92% 0.0378 312.57) 61.3%, oklch(56.67% 0.0356 341.16) 64.5%, oklch(56.91% 0.0331 6.86) 67.7%, oklch(56.48% 0.0305 26.48) 71.0%, oklch(55.20% 0.0281 36.83) 74.2%, oklch(52.73% 0.0258 35.40) 77.4%, oklch(48.82% 0.0230 23.73) 80.6%, oklch(43.91% 0.0200 4.68) 83.9%, oklch(38.47% 0.0168 341.09) 87.1%, oklch(32.94% 0.0138 315.79) 90.3%, oklch(27.79% 0.0110 291.64) 93.5%, oklch(23.48% 0.0086 271.46) 96.8%, oklch(20.47% 0.0069 258.11) 100.0%);