グレー、青と青緑の放射状グラデーション
放射状グラデーション、40色：#e0eccc, #005574, #709069, #7cc2b6, #1d5680。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #e0eccc
- #c7debd
- #9dcbae
- #69b2a5
- #3195a1
- #05759d
- #145893
- #1f4289
- #1c3a83
- #004380
- #005574
- #006a73
- #08836c
- #609261
- #8f9c63
- #aaa36d
- #b3a674
- #ada473
- #9f9f6f
- #89986a
- #709069
- #57886b
- #43816f
- #387d74
- #387f7a
- #408884
- #4e9490
- #5da49d
- #6eb4ab
- #7cc2b6
- #85cbbf
- #87cfc4
- #7fcbc4
- #70bfbe
- #5daeb6
- #499aab
- #37859f
- #297193
- #206188
- #1d5680
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0441 123.05) 0.0%, oklch(87.50% 0.0518 136.52) 2.6%, oklch(80.10% 0.0632 156.89) 5.1%, oklch(71.25% 0.0768 181.29) 7.7%, oklch(61.86% 0.0912 206.88) 10.3%, oklch(52.84% 0.1050 230.81) 12.8%, oklch(45.12% 0.1167 250.21) 15.4%, oklch(39.61% 0.1250 262.25) 17.9%, oklch(37.21% 0.1284 264.03) 20.5%, oklch(38.32% 0.1194 253.32) 23.1%, oklch(42.15% 0.0865 232.45) 25.6%, oklch(47.81% 0.0817 205.02) 28.2%, oklch(54.41% 0.1012 174.68) 30.8%, oklch(61.05% 0.0904 145.00) 33.3%, oklch(66.83% 0.0807 119.56) 35.9%, oklch(70.85% 0.0732 101.95) 38.5%, oklch(72.29% 0.0690 95.40) 41.0%, oklch(71.45% 0.0669 98.39) 43.6%, oklch(69.02% 0.0663 108.27) 46.2%, oklch(65.61% 0.0667 122.83) 48.7%, oklch(61.83% 0.0678 139.86) 51.3%, oklch(58.28% 0.0692 157.14) 53.8%, oklch(55.56% 0.0705 172.48) 56.4%, oklch(54.30% 0.0715 183.65) 59.0%, oklch(55.07% 0.0718 189.13) 61.5%, oklch(57.88% 0.0719 190.93) 64.1%, oklch(62.07% 0.0720 190.25) 66.7%, oklch(66.99% 0.0720 188.05) 69.2%, oklch(71.95% 0.0722 185.32) 71.8%, oklch(76.29% 0.0726 183.03) 74.4%, oklch(79.33% 0.0732 182.15) 76.9%, oklch(80.40% 0.0742 183.66) 79.5%, oklch(78.97% 0.0756 188.23) 82.1%, oklch(75.39% 0.0776 195.22) 84.6%, oklch(70.28% 0.0800 203.85) 87.2%, oklch(64.26% 0.0826 213.36) 89.7%, oklch(57.97% 0.0852 222.95) 92.3%, oklch(52.02% 0.0875 231.87) 94.9%, oklch(47.06% 0.0895 239.34) 97.4%, oklch(43.70% 0.0909 244.57) 100.0%);