Tím, nâu, vàng và xanh lá nhạt (gradient tuyến tính)

Gradient tuyến tính, 21 màu, góc 180°: #403156, #684215, #927200, #b7c003, #dcff9a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

7 keyframe OKLCH chỉnh sửa được.

#403156
#4d2f4b
#573038
#5a3528
#5f3c1f
#684215
#734804
#7a5200
#825c00
#8a6600
#927200
#9a7e01
#a08c03
#a79b06
#afac06
#b7c003
#bed40b
#c3e51f
#c8f332
#cdff41
#dcff9a

CSS

background: linear-gradient(180deg in oklch, oklch(34.65% 0.0648 301.64) 0.0%, oklch(35.20% 0.0620 328.38) 5.0%, oklch(36.02% 0.0583 6.42) 10.0%, oklch(37.26% 0.0579 40.51) 15.0%, oklch(39.08% 0.0649 58.82) 20.0%, oklch(41.46% 0.0786 66.80) 25.0%, oklch(44.18% 0.0932 70.64) 30.0%, oklch(47.02% 0.0989 75.58) 35.0%, oklch(50.05% 0.1036 80.28) 40.0%, oklch(53.29% 0.1093 84.24) 45.0%, oklch(56.69% 0.1157 88.53) 50.0%, oklch(60.22% 0.1231 93.55) 55.0%, oklch(63.90% 0.1317 98.80) 60.0%, oklch(67.88% 0.1421 103.87) 65.0%, oklch(72.39% 0.1555 108.52) 70.0%, oklch(77.53% 0.1725 113.03) 75.0%, oklch(82.55% 0.1888 117.02) 80.0%, oklch(86.72% 0.2001 120.07) 85.0%, oklch(90.30% 0.2064 122.15) 90.0%, oklch(93.24% 0.2099 123.53) 95.0%, oklch(95.27% 0.1318 124.46) 100.0%);

Trong các bộ sưu tập này

Gradient nhiều màu tông tối

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động