類似色のベージュ、ピーチとマルーンの放射状グラデーション
放射状グラデーション、32色：#fcecd1, #f4b27e, #db6a44, #b03e33, #6f282c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #fcecd1
- #fbe8ca
- #fae2c1
- #f9dcb6
- #f9d4aa
- #f8cc9e
- #f7c393
- #f5bb88
- #f4b27e
- #f2aa74
- #f0a16b
- #ee9762
- #eb8d5a
- #e88453
- #e47b4d
- #e07248
- #db6a44
- #d66240
- #d05b3d
- #cb553a
- #c54e38
- #be4936
- #b84335
- #b03e33
- #a93a32
- #a03632
- #963331
- #8c3030
- #832d2f
- #7b2b2e
- #74292d
- #6f282c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0400 80.16) 0.0%, oklch(93.86% 0.0449 78.55) 3.2%, oklch(92.52% 0.0516 76.40) 6.5%, oklch(90.92% 0.0595 73.84) 9.7%, oklch(89.14% 0.0683 71.01) 12.9%, oklch(87.23% 0.0774 68.02) 16.1%, oklch(85.27% 0.0864 65.01) 19.4%, oklch(83.31% 0.0949 62.11) 22.6%, oklch(81.42% 0.1024 59.43) 25.8%, oklch(79.49% 0.1098 56.75) 29.0%, oklch(77.47% 0.1173 54.00) 32.3%, oklch(75.40% 0.1247 51.23) 35.5%, oklch(73.30% 0.1318 48.49) 38.7%, oklch(71.20% 0.1383 45.85) 41.9%, oklch(69.13% 0.1439 43.35) 45.2%, oklch(67.12% 0.1484 41.06) 48.4%, oklch(65.18% 0.1517 39.00) 51.6%, oklch(63.29% 0.1541 37.17) 54.8%, oklch(61.44% 0.1556 35.51) 58.1%, oklch(59.61% 0.1563 34.00) 61.3%, oklch(57.80% 0.1562 32.59) 64.5%, oklch(56.01% 0.1553 31.27) 67.7%, oklch(54.21% 0.1536 29.98) 71.0%, oklch(52.42% 0.1510 28.70) 74.2%, oklch(50.56% 0.1471 27.40) 77.4%, oklch(48.56% 0.1414 26.09) 80.6%, oklch(46.49% 0.1342 24.80) 83.9%, oklch(44.44% 0.1264 23.57) 87.1%, oklch(42.50% 0.1185 22.43) 90.3%, oklch(40.76% 0.1111 21.42) 93.5%, oklch(39.29% 0.1049 20.58) 96.8%, oklch(38.19% 0.1006 19.92) 100.0%);