パステル調のタン、青、ベージュとグレーの放射状グラデーション
パステル調のタン、青、ベージュとグレーのパレット（64色）。 #c39b3b, #8ac197, #adccd6, #bfd4d2, #d9d1ba, #e4c5b7, #cdba9e, #b0b392。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム4個。
- #c39b3b
- #bf9e3f
- #baa245
- #b4a74d
- #adac57
- #a6b163
- #9eb66f
- #96ba7d
- #8fbe8a
- #8ac197
- #88c3a4
- #88c5af
- #8ac7b9
- #8fc8c2
- #94c9c8
- #9bcace
- #a1cad1
- #a7cbd4
- #adccd6
- #b1cdd7
- #b5ced7
- #b8ced7
- #bacfd7
- #bbd0d7
- #bcd1d6
- #bdd3d5
- #bed4d4
- #bfd4d2
- #c0d5d0
- #c2d6cd
- #c4d6ca
- #c7d6c7
- #cad6c4
- #ced5c1
- #d2d4be
- #d6d3bb
- #d9d1ba
- #ddcfb9
- #e0ceb9
- #e2ccb9
- #e4cbb9
- #e5c9b9
- #e5c8ba
- #e5c7b9
- #e5c6b8
- #e4c5b7
- #e2c4b5
- #e1c2b3
- #dfc1b0
- #dcc0ad
- #dabeaa
- #d7bda7
- #d4bca4
- #d1bba1
- #cdba9e
- #c9b99c
- #c6b89a
- #c2b798
- #beb696
- #bbb595
- #b7b594
- #b5b493
- #b2b493
- #b0b392
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.1213 85.78) 0.0%, oklch(71.22% 0.1187 89.69) 1.6%, oklch(71.64% 0.1156 94.79) 3.2%, oklch(72.14% 0.1119 100.92) 4.8%, oklch(72.70% 0.1077 107.95) 6.3%, oklch(73.31% 0.1032 115.73) 7.9%, oklch(73.96% 0.0983 124.11) 9.5%, oklch(74.66% 0.0931 132.94) 11.1%, oklch(75.38% 0.0877 142.09) 12.7%, oklch(76.12% 0.0822 151.40) 14.3%, oklch(76.88% 0.0765 160.74) 15.9%, oklch(77.65% 0.0709 169.95) 17.5%, oklch(78.41% 0.0653 178.89) 19.0%, oklch(79.16% 0.0598 187.41) 20.6%, oklch(79.89% 0.0545 195.37) 22.2%, oklch(80.60% 0.0494 202.62) 23.8%, oklch(81.27% 0.0447 209.03) 25.4%, oklch(81.91% 0.0402 214.43) 27.0%, oklch(82.49% 0.0363 218.69) 28.6%, oklch(83.01% 0.0328 221.66) 30.2%, oklch(83.47% 0.0299 223.20) 31.7%, oklch(83.86% 0.0276 223.16) 33.3%, oklch(84.19% 0.0258 221.33) 34.9%, oklch(84.50% 0.0245 217.73) 36.5%, oklch(84.78% 0.0237 212.54) 38.1%, oklch(85.04% 0.0232 205.93) 39.7%, oklch(85.27% 0.0230 198.08) 41.3%, oklch(85.47% 0.0232 189.16) 42.9%, oklch(85.65% 0.0236 179.36) 44.4%, oklch(85.80% 0.0243 168.86) 46.0%, oklch(85.93% 0.0252 157.82) 47.6%, oklch(86.03% 0.0262 146.44) 49.2%, oklch(86.11% 0.0274 134.88) 50.8%, oklch(86.16% 0.0287 123.32) 52.4%, oklch(86.18% 0.0300 111.94) 54.0%, oklch(86.18% 0.0313 100.93) 55.6%, oklch(86.15% 0.0327 90.45) 57.1%, oklch(86.09% 0.0340 80.68) 58.7%, oklch(86.01% 0.0352 71.81) 60.3%, oklch(85.91% 0.0363 64.01) 61.9%, oklch(85.77% 0.0373 57.45) 63.5%, oklch(85.62% 0.0380 52.32) 65.1%, oklch(85.43% 0.0386 48.79) 66.7%, oklch(85.20% 0.0390 46.72) 68.3%, oklch(84.90% 0.0394 45.76) 69.8%, oklch(84.54% 0.0398 45.82) 71.4%, oklch(84.13% 0.0403 46.81) 73.0%, oklch(83.67% 0.0407 48.63) 74.6%, oklch(83.17% 0.0411 51.17) 76.2%, oklch(82.63% 0.0414 54.35) 77.8%, oklch(82.07% 0.0418 58.07) 79.4%, oklch(81.50% 0.0422 62.22) 81.0%, oklch(80.91% 0.0425 66.72) 82.5%, oklch(80.31% 0.0429 71.47) 84.1%, oklch(79.72% 0.0432 76.36) 85.7%, oklch(79.13% 0.0435 81.31) 87.3%, oklch(78.57% 0.0438 86.21) 88.9%, oklch(78.02% 0.0441 90.97) 90.5%, oklch(77.50% 0.0444 95.50) 92.1%, oklch(77.02% 0.0447 99.68) 93.7%, oklch(76.58% 0.0449 103.44) 95.2%, oklch(76.19% 0.0451 106.66) 96.8%, oklch(75.86% 0.0453 109.27) 98.4%, oklch(75.59% 0.0455 111.14) 100.0%);