グレー、暗い緑、青緑と明るい青の線形グラデーション
グレー、暗い緑、青緑と明るい青のパレット（32色）。 #dfd8c6, #adbfaa, #5e8f9c, #256a7b, #003d2c, #003e26, #2a8090, #84a8d0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #dfd8c6
- #d7d3bf
- #cccdb7
- #bec7b0
- #adbfaa
- #9bb7a6
- #89aea3
- #78a4a1
- #6a999f
- #5e8f9c
- #548597
- #497c91
- #3a7387
- #256a7b
- #00606c
- #005659
- #004c48
- #004438
- #003d2c
- #003922
- #00371d
- #00391e
- #003e26
- #004834
- #005447
- #00625d
- #007277
- #2a8090
- #498da6
- #6298b9
- #76a2c7
- #84a8d0
CSS
background: linear-gradient(90deg in oklch, oklch(88.19% 0.0248 87.89) 0.0%, oklch(86.44% 0.0268 96.64) 3.2%, oklch(84.19% 0.0294 108.96) 6.5%, oklch(81.53% 0.0325 123.93) 9.7%, oklch(78.55% 0.0359 140.59) 12.9%, oklch(75.33% 0.0396 158.02) 16.1%, oklch(71.97% 0.0435 175.29) 19.4%, oklch(68.55% 0.0475 191.44) 22.6%, oklch(65.16% 0.0516 205.55) 25.8%, oklch(61.89% 0.0555 216.68) 29.0%, oklch(58.83% 0.0594 223.90) 32.3%, oklch(55.87% 0.0632 226.29) 35.5%, oklch(52.47% 0.0676 223.97) 38.7%, oklch(48.76% 0.0724 217.91) 41.9%, oklch(44.93% 0.0774 209.12) 45.2%, oklch(41.18% 0.0700 198.62) 48.4%, oklch(37.66% 0.0657 187.40) 51.6%, oklch(34.58% 0.0644 176.48) 54.8%, oklch(32.11% 0.0659 166.87) 58.1%, oklch(30.44% 0.0693 159.60) 61.3%, oklch(29.75% 0.0726 155.69) 64.5%, oklch(30.25% 0.0733 156.07) 67.7%, oklch(32.24% 0.0725 160.35) 71.0%, oklch(35.53% 0.0722 167.68) 74.2%, oklch(39.81% 0.0736 177.33) 77.4%, oklch(44.79% 0.0777 188.60) 80.6%, oklch(50.15% 0.0853 200.79) 83.9%, oklch(55.59% 0.0830 213.16) 87.1%, oklch(60.80% 0.0790 225.04) 90.3%, oklch(65.49% 0.0753 235.72) 93.5%, oklch(69.34% 0.0723 244.48) 96.8%, oklch(72.05% 0.0703 250.63) 100.0%);