シームレスな鮮やかなマルーンと茶色の線形グラデーション
線形グラデーション、32色、角度180°：#4f081b, #9c4c21, #eac467, #9c4c21, #4f081b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #4f081b
- #540d1c
- #5c131d
- #651a1e
- #6f221f
- #7a2b1f
- #86351f
- #914020
- #9c4c21
- #a95c26
- #b86f2d
- #c68439
- #d39a46
- #dead54
- #e6bc60
- #eac467
- #eac467
- #e6bc60
- #dead54
- #d39a46
- #c68439
- #b86f2d
- #a95c26
- #9c4c21
- #914020
- #86351f
- #7a2b1f
- #6f221f
- #651a1e
- #5c131d
- #540d1c
- #4f081b
CSS
background: linear-gradient(180deg in oklch, oklch(27.95% 0.1006 11.95) 0.0%, oklch(29.63% 0.1023 14.50) 3.2%, oklch(31.78% 0.1047 17.82) 6.5%, oklch(34.34% 0.1075 21.77) 9.7%, oklch(37.24% 0.1106 26.20) 12.9%, oklch(40.41% 0.1137 30.98) 16.1%, oklch(43.79% 0.1165 35.95) 19.4%, oklch(47.31% 0.1187 40.99) 22.6%, oklch(50.95% 0.1202 45.99) 25.8%, oklch(55.53% 0.1210 52.05) 29.0%, oklch(60.99% 0.1213 59.11) 32.3%, oklch(66.82% 0.1212 66.56) 35.5%, oklch(72.51% 0.1210 73.77) 38.7%, oklch(77.53% 0.1206 80.10) 41.9%, oklch(81.39% 0.1202 84.95) 45.2%, oklch(83.56% 0.1199 87.67) 48.4%, oklch(83.56% 0.1199 87.67) 51.6%, oklch(81.39% 0.1202 84.95) 54.8%, oklch(77.53% 0.1206 80.10) 58.1%, oklch(72.51% 0.1210 73.77) 61.3%, oklch(66.82% 0.1212 66.56) 64.5%, oklch(60.99% 0.1213 59.11) 67.7%, oklch(55.53% 0.1210 52.05) 71.0%, oklch(50.95% 0.1202 45.99) 74.2%, oklch(47.31% 0.1187 40.99) 77.4%, oklch(43.79% 0.1165 35.95) 80.6%, oklch(40.41% 0.1137 30.98) 83.9%, oklch(37.24% 0.1106 26.20) 87.1%, oklch(34.34% 0.1075 21.77) 90.3%, oklch(31.78% 0.1047 17.82) 93.5%, oklch(29.63% 0.1023 14.50) 96.8%, oklch(27.95% 0.1006 11.95) 100.0%);