青緑、茶色と黒の放射状グラデーション
放射状グラデーション、40色：#48736f, #946441, #899360, #568086, #021618。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #48736f
- #49746c
- #4b7567
- #4f755f
- #577556
- #62744c
- #6d7143
- #796e3d
- #846a3a
- #8d673c
- #946441
- #996346
- #9c624b
- #9e634d
- #a0654d
- #a16a4c
- #a1704a
- #9f7849
- #9a814d
- #928a54
- #899360
- #7f996f
- #769e7d
- #70a08a
- #6ca094
- #699e99
- #679a9a
- #639397
- #5e8a90
- #568086
- #4d747b
- #44676e
- #395a61
- #2f4d53
- #244146
- #1b363a
- #122b2f
- #0a2325
- #051b1e
- #021618
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.36% 0.0482 188.44) 0.0%, oklch(52.50% 0.0500 181.07) 2.6%, oklch(52.66% 0.0524 170.78) 5.1%, oklch(52.83% 0.0554 158.16) 7.7%, oklch(53.01% 0.0588 143.85) 10.3%, oklch(53.22% 0.0624 128.46) 12.8%, oklch(53.44% 0.0662 112.60) 15.4%, oklch(53.70% 0.0699 96.90) 17.9%, oklch(53.98% 0.0735 81.96) 20.5%, oklch(54.29% 0.0767 68.42) 23.1%, oklch(54.64% 0.0796 56.88) 25.6%, oklch(55.02% 0.0818 47.97) 28.2%, oklch(55.44% 0.0834 42.30) 30.8%, oklch(55.91% 0.0841 40.49) 33.3%, oklch(56.57% 0.0839 42.96) 35.9%, oklch(57.55% 0.0830 49.28) 38.5%, oklch(58.76% 0.0815 58.86) 41.0%, oklch(60.10% 0.0795 71.06) 43.6%, oklch(61.51% 0.0770 85.26) 46.2%, oklch(62.90% 0.0743 100.86) 48.7%, oklch(64.18% 0.0712 117.22) 51.3%, oklch(65.27% 0.0681 133.74) 53.8%, oklch(66.09% 0.0649 149.78) 56.4%, oklch(66.55% 0.0618 164.74) 59.0%, oklch(66.57% 0.0588 177.99) 61.5%, oklch(66.07% 0.0561 188.91) 64.1%, oklch(64.96% 0.0537 196.89) 66.7%, oklch(63.08% 0.0515 202.36) 69.2%, oklch(60.41% 0.0492 206.31) 71.8%, oklch(57.08% 0.0469 208.92) 74.4%, oklch(53.24% 0.0445 210.40) 76.9%, oklch(49.02% 0.0422 210.92) 79.5%, oklch(44.57% 0.0399 210.70) 82.1%, oklch(40.02% 0.0377 209.91) 84.6%, oklch(35.52% 0.0355 208.76) 87.2%, oklch(31.19% 0.0335 207.44) 89.7%, oklch(27.19% 0.0317 206.14) 92.3%, oklch(23.65% 0.0301 205.05) 94.9%, oklch(20.71% 0.0287 204.37) 97.4%, oklch(18.50% 0.0276 204.29) 100.0%);