トライトーンのネイビー、茶色と暗い緑の線形グラデーション
線形グラデーション、32色、角度300°：#0c2339, #1b2e49, #415634, #6a5132, #0b342d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #0c2339
- #0d243b
- #0f253c
- #12263e
- #142740
- #172842
- #192a44
- #1a2c46
- #1b2e49
- #1b314b
- #19354d
- #153a4e
- #0e404e
- #0d474b
- #194e45
- #2c533d
- #415634
- #54572f
- #63572f
- #6d5733
- #735637
- #745539
- #715336
- #6a5132
- #614f2c
- #544c28
- #464826
- #374427
- #284029
- #1b3b2b
- #11372c
- #0b342d
CSS
background: linear-gradient(300deg in oklch, oklch(25.20% 0.0510 249.61) 0.0%, oklch(25.57% 0.0512 249.98) 3.2%, oklch(26.00% 0.0515 251.40) 6.5%, oklch(26.49% 0.0519 253.42) 9.7%, oklch(27.05% 0.0523 255.57) 12.9%, oklch(27.67% 0.0527 257.42) 16.1%, oklch(28.37% 0.0532 258.50) 19.4%, oklch(29.14% 0.0536 258.37) 22.6%, oklch(29.98% 0.0541 256.55) 25.8%, oklch(30.91% 0.0546 252.61) 29.0%, oklch(31.93% 0.0550 246.09) 32.3%, oklch(33.11% 0.0554 236.00) 35.5%, oklch(34.66% 0.0560 220.91) 38.7%, oklch(36.49% 0.0566 201.93) 41.9%, oklch(38.48% 0.0573 180.35) 45.2%, oklch(40.53% 0.0579 157.42) 48.4%, oklch(42.51% 0.0585 134.42) 51.6%, oklch(44.32% 0.0590 112.63) 54.8%, oklch(45.85% 0.0594 93.32) 58.1%, oklch(46.97% 0.0595 77.76) 61.3%, oklch(47.58% 0.0595 67.23) 64.5%, oklch(47.55% 0.0591 62.94) 67.7%, oklch(46.81% 0.0584 64.89) 71.0%, oklch(45.46% 0.0573 71.95) 74.2%, oklch(43.63% 0.0560 83.02) 77.4%, oklch(41.48% 0.0546 96.96) 80.6%, oklch(39.15% 0.0531 112.68) 83.9%, oklch(36.76% 0.0515 129.05) 87.1%, oklch(34.46% 0.0500 144.97) 90.3%, oklch(32.40% 0.0487 159.31) 93.5%, oklch(30.71% 0.0476 170.96) 96.8%, oklch(29.53% 0.0469 178.81) 100.0%);