グレーの放射状グラデーション
放射状グラデーション、32色：#b3c1c9, #e9e9f3, #f5e3db, #d2b9a9, #9d9ea2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #b3c1c9
- #b7c5cd
- #bdcbd3
- #c4d2da
- #ccd9e1
- #d4dfe8
- #dbe4ee
- #e2e7f1
- #e9e9f3
- #efebf2
- #f3edf1
- #f4eff0
- #f4f0ef
- #f4eeed
- #f5ece8
- #f5e8e2
- #f5e3db
- #f3ddd3
- #f1d7cc
- #eed2c6
- #e8ccbe
- #e1c6b7
- #dac0af
- #d2b9a9
- #ccb3a5
- #c7aea4
- #c1a9a6
- #b9a5a9
- #afa3ab
- #a6a1aa
- #a0a0a6
- #9d9ea2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.31% 0.0193 232.73) 0.0%, oklch(81.59% 0.0191 233.58) 3.2%, oklch(83.42% 0.0189 233.67) 6.5%, oklch(85.56% 0.0186 234.20) 9.7%, oklch(87.77% 0.0182 236.37) 12.9%, oklch(89.82% 0.0176 241.37) 16.1%, oklch(91.47% 0.0168 250.41) 19.4%, oklch(92.68% 0.0152 265.49) 22.6%, oklch(93.74% 0.0127 287.20) 25.8%, oklch(94.61% 0.0099 312.70) 29.0%, oklch(95.26% 0.0073 339.03) 32.3%, oklch(95.65% 0.0055 3.27) 35.5%, oklch(95.73% 0.0051 22.47) 38.7%, oklch(95.46% 0.0069 34.46) 41.9%, oklch(94.82% 0.0109 41.26) 45.2%, oklch(93.88% 0.0164 44.40) 48.4%, oklch(92.69% 0.0224 45.13) 51.6%, oklch(91.33% 0.0281 44.75) 54.8%, oklch(89.87% 0.0327 44.52) 58.1%, oklch(88.35% 0.0353 45.72) 61.3%, oklch(86.56% 0.0367 48.69) 64.5%, oklch(84.56% 0.0373 52.18) 67.7%, oklch(82.46% 0.0372 54.76) 71.0%, oklch(80.40% 0.0363 54.99) 74.2%, oklch(78.50% 0.0347 51.47) 77.4%, oklch(76.86% 0.0326 42.69) 80.6%, oklch(75.39% 0.0290 26.04) 83.9%, oklch(74.01% 0.0241 3.18) 87.1%, oklch(72.77% 0.0187 337.37) 90.3%, oklch(71.67% 0.0133 311.89) 93.5%, oklch(70.77% 0.0087 290.01) 96.8%, oklch(70.08% 0.0055 275.00) 100.0%);