Nâu vàng, nâu và xám (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #d7b596, #a1654c, #cda17c, #d0b99c, #513d31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d7b596
#d3af90
#cda687
#c69c7d
#be9071
#b68466
#ae785c
#a76e53
#a1654c
#9d5f47
#9b5d45
#9d5f46
#a3664b
#ab7254
#b68060
#c2906d
#cda17c
#d8b18b
#e0be99
#e6c8a4
#e8ceaa
#e5ccab
#ddc5a5
#d0b99c
#c0a98e
#ae977f
#9b846f
#88725f
#766050
#665142
#5a4538
#513d31

CSS

background: linear-gradient(90deg in oklch, oklch(79.53% 0.0579 63.98) 0.0%, oklch(77.84% 0.0600 62.48) 3.2%, oklch(75.37% 0.0630 60.24) 6.5%, oklch(72.35% 0.0668 57.49) 9.7%, oklch(68.98% 0.0709 54.44) 12.9%, oklch(65.51% 0.0752 51.29) 16.1%, oklch(62.15% 0.0794 48.27) 19.4%, oklch(59.12% 0.0832 45.59) 22.6%, oklch(56.65% 0.0864 43.45) 25.8%, oklch(54.97% 0.0886 42.08) 29.0%, oklch(54.29% 0.0895 41.67) 32.3%, oklch(54.93% 0.0891 42.50) 35.5%, oklch(57.11% 0.0874 44.69) 38.7%, oklch(60.49% 0.0847 47.95) 41.9%, oklch(64.69% 0.0812 51.97) 45.2%, oklch(69.35% 0.0770 56.45) 48.4%, oklch(74.08% 0.0726 61.08) 51.6%, oklch(78.52% 0.0680 65.55) 54.8%, oklch(82.29% 0.0635 69.55) 58.1%, oklch(85.01% 0.0593 72.78) 61.3%, oklch(86.32% 0.0557 74.93) 64.5%, oklch(85.85% 0.0529 75.71) 67.7%, oklch(83.55% 0.0503 75.23) 71.0%, oklch(79.76% 0.0479 73.76) 74.2%, oklch(74.84% 0.0456 71.51) 77.4%, oklch(69.12% 0.0435 68.71) 80.6%, oklch(62.96% 0.0415 65.56) 83.9%, oklch(56.71% 0.0398 62.29) 87.1%, oklch(50.72% 0.0381 59.12) 90.3%, oklch(45.33% 0.0367 56.26) 93.5%, oklch(40.91% 0.0355 53.93) 96.8%, oklch(37.80% 0.0344 52.36) 100.0%);

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