Kuning, cokelat muda, hijau toska, dan biru cerah, gradien angular
Gradien angular, 32 warna dengan sudut 300°: #fcffb1, #ffd97b, #8ba578, #00869e, #008dbb. Edit dan ekspor CSS, SVG, PNG, atau shader.
8 keyframe OKLCH yang dapat diedit.
- #fcffb1
- #fffe86
- #fffa84
- #fff681
- #fff17f
- #ffeb7c
- #ffe67e
- #ffdf7d
- #ffd97b
- #ffd276
- #ffca7b
- #fec282
- #f8bc88
- #ecb686
- #d6b27c
- #b4ac74
- #8ba578
- #699c81
- #539487
- #418f8c
- #2c8c91
- #0b8b96
- #00889a
- #00869e
- #0085a2
- #0084a7
- #0a84ab
- #1084ae
- #0e86b2
- #0689b6
- #008bb9
- #008dbb
CSS
background: conic-gradient(from 300deg in oklch, oklch(98.03% 0.0977 109.68) 0.0%, oklch(97.44% 0.1432 108.52) 3.2%, oklch(96.61% 0.1411 106.92) 6.5%, oklch(95.62% 0.1386 104.88) 9.7%, oklch(94.55% 0.1361 102.42) 12.9%, oklch(93.48% 0.1338 99.49) 16.1%, oklch(92.35% 0.1274 95.95) 19.4%, oklch(91.14% 0.1228 92.00) 22.6%, oklch(89.82% 0.1209 87.86) 25.8%, oklch(88.37% 0.1217 83.68) 29.0%, oklch(86.97% 0.1141 76.39) 32.3%, oklch(85.54% 0.1065 67.47) 35.5%, oklch(83.81% 0.0970 61.46) 38.7%, oklch(81.51% 0.0887 62.90) 41.9%, oklch(78.23% 0.0822 76.52) 45.2%, oklch(73.85% 0.0759 101.87) 48.4%, oklch(69.13% 0.0709 132.12) 51.6%, oklch(64.89% 0.0684 160.27) 54.8%, oklch(61.89% 0.0698 179.65) 58.1%, oklch(60.01% 0.0767 191.58) 61.3%, oklch(58.84% 0.0869 199.38) 64.5%, oklch(58.12% 0.0975 204.97) 67.7%, oklch(57.56% 0.0997 210.29) 71.0%, oklch(57.12% 0.1014 216.01) 74.2%, oklch(56.98% 0.1043 220.82) 77.4%, oklch(57.07% 0.1079 224.72) 80.6%, oklch(57.31% 0.1095 227.74) 83.9%, oklch(57.65% 0.1112 229.87) 87.1%, oklch(58.26% 0.1141 230.73) 90.3%, oklch(59.02% 0.1174 230.70) 93.5%, oklch(59.75% 0.1195 230.34) 96.8%, oklch(60.24% 0.1203 230.17) 100.0%);