トライトーンの茶色、紫と青の線形グラデーション
トライトーンの茶色、紫と青のパレット（32色）。 #b8773d, #a76033, #884439, #6d3745, #4d3865, #3e447e, #325f9a, #3b76a7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #b8773d
- #b5733b
- #b26d38
- #ad6735
- #a76033
- #a25932
- #9c5332
- #964e34
- #8f4936
- #884439
- #80403b
- #793d3e
- #723a41
- #6d3745
- #67364b
- #613552
- #5b3559
- #54365f
- #4d3865
- #483a6a
- #443d70
- #414077
- #3e447e
- #3b4885
- #384d8b
- #345291
- #325895
- #325f9a
- #33669e
- #366ca2
- #3972a5
- #3b76a7
CSS
background: linear-gradient(90deg in oklch, oklch(62.60% 0.1102 59.77) 0.0%, oklch(61.48% 0.1102 58.17) 3.2%, oklch(59.94% 0.1105 56.12) 6.5%, oklch(58.12% 0.1107 53.63) 9.7%, oklch(56.14% 0.1105 50.71) 12.9%, oklch(54.16% 0.1097 47.38) 16.1%, oklch(52.31% 0.1080 43.65) 19.4%, oklch(50.58% 0.1048 39.68) 22.6%, oklch(48.76% 0.1001 35.64) 25.8%, oklch(46.92% 0.0945 31.27) 29.0%, oklch(45.16% 0.0887 26.27) 32.3%, oklch(43.56% 0.0835 20.38) 35.5%, oklch(42.19% 0.0796 13.32) 38.7%, oklch(41.11% 0.0774 4.60) 41.9%, oklch(40.19% 0.0761 353.64) 45.2%, oklch(39.45% 0.0756 341.26) 48.4%, oklch(38.90% 0.0758 328.39) 51.6%, oklch(38.58% 0.0769 315.96) 54.8%, oklch(38.50% 0.0786 304.89) 58.1%, oklch(38.70% 0.0811 296.00) 61.3%, oklch(39.22% 0.0854 288.66) 64.5%, oklch(40.01% 0.0909 282.41) 67.7%, oklch(41.02% 0.0969 277.01) 71.0%, oklch(42.19% 0.1025 272.24) 74.2%, oklch(43.45% 0.1068 267.83) 77.4%, oklch(44.76% 0.1091 263.58) 80.6%, oklch(46.35% 0.1093 259.61) 83.9%, oklch(48.22% 0.1079 256.07) 87.1%, oklch(50.17% 0.1056 252.97) 90.3%, oklch(52.03% 0.1030 250.33) 93.5%, oklch(53.61% 0.1006 248.15) 96.8%, oklch(54.72% 0.0992 246.46) 100.0%);