Persik, merah muda, ungu, dan biru dongker cerah, gradien linear
Gradien linear, 40 warna dengan sudut 90°: #ffc291, #ff6258, #de2e9d, #9148ce, #001c4b. Edit dan ekspor CSS, SVG, PNG, atau shader.
5 keyframe OKLCH yang dapat diedit.
- #ffc291
- #ffbd8c
- #ffb784
- #ffae7c
- #ffa573
- #ff9b6a
- #ff9063
- #ff845d
- #ff7859
- #ff6d57
- #ff6258
- #ff585a
- #ff4e5e
- #fd4665
- #fa406c
- #f73a74
- #f3367c
- #ef3284
- #ea308c
- #e42e95
- #de2e9d
- #d830a5
- #d233ae
- #cb37b7
- #c43bbf
- #bc40c5
- #b343cb
- #a946ce
- #9d48d0
- #9148ce
- #8246ca
- #7143c1
- #5f3fb6
- #4d39a8
- #3b3398
- #2a2d88
- #1a2679
- #0b206b
- #001c5d
- #001c4b
CSS
background: linear-gradient(90deg in oklch, oklch(85.83% 0.0946 59.77) 0.0%, oklch(84.83% 0.0997 57.86) 2.6%, oklch(83.49% 0.1068 55.43) 5.1%, oklch(81.90% 0.1154 52.56) 7.7%, oklch(80.12% 0.1253 49.34) 10.3%, oklch(78.23% 0.1360 45.85) 12.8%, oklch(76.31% 0.1475 42.16) 15.4%, oklch(74.42% 0.1594 38.37) 17.9%, oklch(72.66% 0.1712 34.56) 20.5%, oklch(71.09% 0.1826 30.80) 23.1%, oklch(69.77% 0.1929 27.17) 25.6%, oklch(68.64% 0.2027 23.55) 28.2%, oklch(67.63% 0.2126 19.87) 30.8%, oklch(66.71% 0.2173 16.13) 33.3%, oklch(65.87% 0.2210 12.32) 35.9%, oklch(65.09% 0.2241 8.44) 38.5%, oklch(64.35% 0.2266 4.48) 41.0%, oklch(63.64% 0.2283 0.45) 43.6%, oklch(62.92% 0.2295 356.34) 46.2%, oklch(62.19% 0.2300 352.15) 48.7%, oklch(61.46% 0.2300 347.86) 51.3%, oklch(60.94% 0.2293 343.44) 53.8%, oklch(60.58% 0.2279 338.89) 56.4%, oklch(60.30% 0.2258 334.25) 59.0%, oklch(60.02% 0.2230 329.54) 61.5%, oklch(59.64% 0.2197 324.78) 64.1%, oklch(59.10% 0.2158 320.00) 66.7%, oklch(58.30% 0.2114 315.22) 69.2%, oklch(57.15% 0.2065 310.46) 71.8%, oklch(55.59% 0.2012 305.75) 74.4%, oklch(53.44% 0.1951 300.96) 76.9%, oklch(50.60% 0.1874 295.82) 79.5%, oklch(47.23% 0.1786 290.47) 82.1%, oklch(43.52% 0.1690 285.03) 84.6%, oklch(39.64% 0.1592 279.68) 87.2%, oklch(35.77% 0.1494 274.54) 89.7%, oklch(32.09% 0.1402 269.77) 92.3%, oklch(28.79% 0.1319 265.52) 94.9%, oklch(26.05% 0.1210 262.06) 97.4%, oklch(24.03% 0.0947 259.33) 100.0%);