補色の青、グレーと茶色の線形グラデーション
補色の青、グレーと茶色のパレット（32色）。 #357ba3, #6192a8, #90a99d, #ada993, #b79472, #a0775a, #6f5141, #493834。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #357ba3
- #3c7fa4
- #4785a5
- #548ba7
- #6192a8
- #6c99a8
- #759fa7
- #7da3a5
- #86a7a1
- #90a99d
- #9aaa9a
- #a2ab98
- #a9aa96
- #ada993
- #b0a78f
- #b3a488
- #b69f81
- #b79a79
- #b79472
- #b48e6d
- #af8767
- #a87f61
- #a0775a
- #977054
- #8e684e
- #856049
- #7b5945
- #6f5141
- #63493d
- #58423a
- #4f3c36
- #493834
CSS
background: linear-gradient(135deg in oklch, oklch(55.51% 0.0937 237.66) 0.0%, oklch(56.86% 0.0883 235.62) 3.2%, oklch(58.78% 0.0806 233.55) 6.5%, oklch(61.04% 0.0716 230.79) 9.7%, oklch(63.38% 0.0622 226.74) 12.9%, oklch(65.59% 0.0535 220.77) 16.1%, oklch(67.42% 0.0466 212.25) 19.4%, oklch(68.83% 0.0414 200.00) 22.6%, oklch(70.12% 0.0368 183.58) 25.8%, oklch(71.25% 0.0329 164.69) 29.0%, oklch(72.17% 0.0301 145.07) 32.3%, oklch(72.84% 0.0285 126.49) 35.5%, oklch(73.19% 0.0285 110.70) 38.7%, oklch(73.20% 0.0305 98.87) 41.9%, oklch(72.92% 0.0355 89.42) 45.2%, oklch(72.36% 0.0424 81.76) 48.4%, oklch(71.52% 0.0500 75.52) 51.6%, oklch(70.42% 0.0572 70.33) 54.8%, oklch(69.05% 0.0627 65.83) 58.1%, oklch(67.41% 0.0656 61.77) 61.3%, oklch(65.37% 0.0669 59.07) 64.5%, oklch(62.98% 0.0670 57.57) 67.7%, oklch(60.37% 0.0660 56.75) 71.0%, oklch(57.63% 0.0642 56.10) 74.2%, oklch(54.89% 0.0617 55.13) 77.4%, oklch(52.23% 0.0586 53.34) 80.6%, oklch(49.32% 0.0539 50.72) 83.9%, oklch(46.18% 0.0478 47.64) 87.1%, oklch(43.02% 0.0410 44.41) 90.3%, oklch(40.09% 0.0344 41.34) 93.5%, oklch(37.61% 0.0287 38.72) 96.8%, oklch(35.83% 0.0248 36.87) 100.0%);