茶色、グレー、青と黒の線形グラデーション
線形グラデーション、32色、角度90°：#b28568, #98aea7, #5f7593, #292241, #020000。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #b28568
- #af8b6a
- #ab9471
- #a79e7d
- #a3a68b
- #a1ab98
- #a0aea0
- #9dafa4
- #98aea7
- #91aca9
- #89a9ac
- #82a4ad
- #7b9ead
- #7596aa
- #6e8ca4
- #67819c
- #5f7593
- #576988
- #4f5d7e
- #485173
- #414567
- #39395a
- #312d4d
- #292241
- #221835
- #1d0f29
- #17071e
- #120313
- #0c0109
- #070003
- #040001
- #020000
CSS
background: linear-gradient(90deg in oklch, oklch(65.35% 0.0689 54.14) 0.0%, oklch(66.38% 0.0636 64.11) 3.2%, oklch(67.94% 0.0557 77.97) 6.5%, oklch(69.73% 0.0465 94.35) 9.7%, oklch(71.46% 0.0375 111.94) 12.9%, oklch(72.84% 0.0299 129.37) 16.1%, oklch(73.58% 0.0253 145.30) 19.4%, oklch(73.60% 0.0244 159.60) 22.6%, oklch(73.21% 0.0264 173.94) 25.8%, oklch(72.43% 0.0303 188.05) 29.0%, oklch(71.27% 0.0352 201.57) 32.3%, oklch(69.72% 0.0402 214.16) 35.5%, oklch(67.80% 0.0443 225.47) 38.7%, oklch(65.46% 0.0470 235.17) 41.9%, oklch(62.56% 0.0493 243.23) 45.2%, oklch(59.22% 0.0515 250.06) 48.4%, oklch(55.58% 0.0533 256.06) 51.6%, oklch(51.77% 0.0549 261.66) 54.8%, oklch(47.93% 0.0560 267.25) 58.1%, oklch(44.15% 0.0568 273.12) 61.3%, oklch(40.13% 0.0572 278.43) 64.5%, oklch(35.91% 0.0574 283.29) 67.7%, oklch(31.65% 0.0573 288.08) 71.0%, oklch(27.51% 0.0566 293.22) 74.2%, oklch(23.65% 0.0553 299.09) 77.4%, oklch(20.21% 0.0533 306.13) 80.6%, oklch(17.01% 0.0500 315.19) 83.9%, oklch(13.97% 0.0456 325.78) 87.1%, oklch(11.18% 0.0407 336.87) 90.3%, oklch(8.71% 0.0359 347.41) 93.5%, oklch(6.93% 0.0282 358.77) 96.8%, oklch(5.60% 0.0224 9.41) 100.0%);