同系色の暗い緑からグレーの線形グラデーション
線形グラデーション、32色、角度90°：#0e3923, #227146, #53aa79, #82c49e, #a4baae。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #0e3923
- #0f3d26
- #114229
- #12492d
- #145132
- #175937
- #1a623c
- #1e6a41
- #227146
- #27794c
- #2d8052
- #338858
- #39905f
- #409766
- #469e6c
- #4da473
- #53aa79
- #5aaf7f
- #61b485
- #68b98b
- #6fbc90
- #76c095
- #7cc29a
- #82c49e
- #88c5a2
- #8dc5a5
- #92c3a8
- #97c1aa
- #9bbfab
- #9fbdac
- #a2bbad
- #a4baae
CSS
background: linear-gradient(90deg in oklch, oklch(30.71% 0.0606 157.50) 0.0%, oklch(32.13% 0.0642 157.31) 3.2%, oklch(34.02% 0.0691 157.03) 6.5%, oklch(36.28% 0.0750 156.69) 9.7%, oklch(38.78% 0.0814 156.33) 12.9%, oklch(41.42% 0.0879 155.99) 16.1%, oklch(44.08% 0.0939 155.69) 19.4%, oklch(46.64% 0.0990 155.47) 22.6%, oklch(49.00% 0.1028 155.37) 25.8%, oklch(51.36% 0.1059 155.37) 29.0%, oklch(53.78% 0.1085 155.43) 32.3%, oklch(56.22% 0.1107 155.55) 35.5%, oklch(58.62% 0.1123 155.72) 38.7%, oklch(60.95% 0.1134 155.91) 41.9%, oklch(63.16% 0.1137 156.12) 45.2%, oklch(65.20% 0.1134 156.34) 48.4%, oklch(67.05% 0.1124 156.55) 51.6%, oklch(68.81% 0.1105 156.77) 54.8%, oklch(70.47% 0.1080 157.01) 58.1%, oklch(72.02% 0.1048 157.27) 61.3%, oklch(73.43% 0.1010 157.54) 64.5%, oklch(74.67% 0.0967 157.83) 67.7%, oklch(75.74% 0.0919 158.14) 71.0%, oklch(76.59% 0.0868 158.47) 74.2%, oklch(77.19% 0.0809 158.84) 77.4%, oklch(77.49% 0.0735 159.26) 80.6%, oklch(77.56% 0.0652 159.73) 83.9%, oklch(77.46% 0.0565 160.21) 87.1%, oklch(77.26% 0.0480 160.68) 90.3%, oklch(77.03% 0.0402 161.11) 93.5%, oklch(76.85% 0.0337 161.47) 96.8%, oklch(76.77% 0.0289 161.73) 100.0%);