白、青、緑とオレンジの線形グラデーション
白、青、緑とオレンジのパレット（32色）。 #f2eee1, #5b867f, #1c2b5b, #2a78a5, #4dd0b3, #ced968, #ee8533, #c23d41。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #f2eee1
- #dbdccb
- #b8c2ae
- #8ba594
- #5b867f
- #326670
- #1b4a63
- #163459
- #182a55
- #1c2b5b
- #223668
- #27487b
- #2a5e91
- #2a78a5
- #2991b6
- #28a7bf
- #27b6c1
- #33c4bd
- #4dd0b3
- #6ed8a4
- #91dd91
- #b2dd7c
- #ced968
- #e4d058
- #f1c44a
- #f6b23d
- #f59c35
- #ee8533
- #e36f35
- #d75a39
- #cb493d
- #c23d41
CSS
background: linear-gradient(45deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(88.92% 0.0231 108.06) 3.2%, oklch(80.15% 0.0303 130.17) 6.5%, oklch(69.67% 0.0388 156.59) 9.7%, oklch(58.55% 0.0481 184.78) 12.9%, oklch(47.91% 0.0576 212.21) 16.1%, oklch(38.81% 0.0667 236.33) 19.4%, oklch(32.36% 0.0749 254.61) 22.6%, oklch(29.63% 0.0814 264.62) 25.8%, oklch(30.61% 0.0868 267.60) 29.0%, oklch(34.43% 0.0914 265.42) 32.3%, oklch(40.26% 0.0954 259.15) 35.5%, oklch(47.28% 0.0991 249.87) 38.7%, oklch(54.66% 0.1026 238.64) 41.9%, oklch(61.58% 0.1060 226.53) 45.2%, oklch(67.22% 0.1097 214.61) 48.4%, oklch(71.06% 0.1136 203.40) 51.6%, oklch(74.51% 0.1176 190.46) 54.8%, oklch(77.72% 0.1216 175.88) 58.1%, oklch(80.54% 0.1256 160.29) 61.3%, oklch(82.84% 0.1295 144.29) 64.5%, oklch(84.48% 0.1334 128.52) 67.7%, oklch(85.33% 0.1372 113.58) 71.0%, oklch(85.23% 0.1410 100.11) 74.2%, oklch(83.84% 0.1448 88.07) 77.4%, oklch(80.85% 0.1489 76.30) 80.6%, oklch(76.71% 0.1530 64.98) 83.9%, oklch(71.89% 0.1571 54.32) 87.1%, oklch(66.87% 0.1610 44.58) 90.3%, oklch(62.15% 0.1644 35.96) 93.5%, oklch(58.20% 0.1673 28.72) 96.8%, oklch(55.51% 0.1695 23.07) 100.0%);