青、茶色、赤と白の線形グラデーション
青、茶色、赤と白のパレット（32色）。 #5089d5, #ad57bc, #b0291f, #4e231e, #552224, #c42641, #f7a16b, #f0ebe0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #5089d5
- #6182d8
- #7976d9
- #9467d1
- #ad57bc
- #c0469c
- #ca3675
- #ca2c50
- #c22932
- #b0291f
- #992919
- #7e281b
- #64251e
- #4e231e
- #3d201e
- #341f1e
- #351f1e
- #412120
- #552224
- #6e2329
- #8b2231
- #a9223a
- #c42641
- #da3345
- #e94946
- #f36549
- #f88454
- #f7a16b
- #f3bc8a
- #efd1ac
- #eee1cb
- #f0ebe0
CSS
background: linear-gradient(225deg in oklch, oklch(62.60% 0.1295 255.94) 0.0%, oklch(62.04% 0.1360 266.91) 3.2%, oklch(61.45% 0.1463 282.54) 6.5%, oklch(60.74% 0.1586 301.20) 9.7%, oklch(59.87% 0.1713 321.28) 12.9%, oklch(58.76% 0.1824 341.17) 16.1%, oklch(57.34% 0.1901 359.25) 19.4%, oklch(55.56% 0.1927 13.91) 22.6%, oklch(53.30% 0.1882 23.61) 25.8%, oklch(49.90% 0.1734 28.96) 29.0%, oklch(45.49% 0.1503 31.18) 32.3%, oklch(40.60% 0.1224 31.06) 35.5%, oklch(35.74% 0.0931 29.39) 38.7%, oklch(31.42% 0.0662 26.96) 41.9%, oklch(28.16% 0.0449 24.56) 45.2%, oklch(26.47% 0.0330 22.98) 48.4%, oklch(26.81% 0.0341 22.61) 51.6%, oklch(29.00% 0.0494 21.69) 54.8%, oklch(32.63% 0.0751 20.25) 58.1%, oklch(37.30% 0.1065 18.75) 61.3%, oklch(42.64% 0.1394 17.61) 64.5%, oklch(48.24% 0.1693 17.27) 67.7%, oklch(53.73% 0.1917 18.17) 71.0%, oklch(58.72% 0.2023 20.74) 74.2%, oklch(63.27% 0.1978 25.62) 77.4%, oklch(68.20% 0.1808 33.09) 80.6%, oklch(73.33% 0.1549 42.34) 83.9%, oklch(78.43% 0.1236 52.55) 87.1%, oklch(83.29% 0.0905 62.88) 90.3%, oklch(87.67% 0.0591 72.48) 93.5%, oklch(91.35% 0.0328 80.51) 96.8%, oklch(94.09% 0.0152 86.15) 100.0%);