茶色、青緑と明るい青の線形グラデーション
線形グラデーション、32色、角度90°：#5c4404, #4a7036, #00937e, #00a9b5, #6bbed9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #5c4404
- #5c4705
- #5c4b07
- #5b500b
- #595611
- #575c19
- #546322
- #4f692c
- #4a7036
- #447640
- #3d7b4a
- #367f53
- #2e845b
- #248864
- #158c6d
- #009075
- #00937e
- #009686
- #00998e
- #009c96
- #009f9d
- #00a2a5
- #00a5ad
- #00a9b5
- #1badbc
- #30b0c2
- #3fb3c8
- #4cb6cc
- #56b8d1
- #5fbbd4
- #66bdd7
- #6bbed9
CSS
background: linear-gradient(90deg in oklch, oklch(40.16% 0.0799 85.08) 0.0%, oklch(40.91% 0.0811 88.92) 3.2%, oklch(41.88% 0.0826 93.94) 6.5%, oklch(43.04% 0.0845 99.91) 9.7%, oklch(44.33% 0.0865 106.60) 12.9%, oklch(45.73% 0.0887 113.77) 16.1%, oklch(47.18% 0.0910 121.20) 19.4%, oklch(48.65% 0.0933 128.64) 22.6%, oklch(50.09% 0.0956 135.87) 25.8%, oklch(51.48% 0.0978 142.65) 29.0%, oklch(52.75% 0.0999 148.75) 32.3%, oklch(53.91% 0.1020 154.13) 35.5%, oklch(55.03% 0.1043 159.28) 38.7%, oklch(56.11% 0.1069 164.25) 41.9%, oklch(57.17% 0.1096 169.02) 45.2%, oklch(58.22% 0.1112 173.60) 48.4%, oklch(59.25% 0.1090 178.00) 51.6%, oklch(60.29% 0.1079 182.21) 54.8%, oklch(61.32% 0.1074 186.23) 58.1%, oklch(62.37% 0.1077 190.07) 61.3%, oklch(63.45% 0.1085 193.71) 64.5%, oklch(64.55% 0.1099 197.17) 67.7%, oklch(65.75% 0.1118 200.48) 71.0%, oklch(67.02% 0.1142 203.63) 74.2%, oklch(68.34% 0.1127 206.60) 77.4%, oklch(69.67% 0.1091 209.39) 80.6%, oklch(70.98% 0.1053 211.97) 83.9%, oklch(72.23% 0.1014 214.35) 87.1%, oklch(73.40% 0.0976 216.49) 90.3%, oklch(74.43% 0.0943 218.39) 93.5%, oklch(75.30% 0.0915 220.03) 96.8%, oklch(75.98% 0.0896 221.40) 100.0%);