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

Gradient tuyến tính, 32 màu, góc 180°: #cba68e, #b87e63, #9e553f, #7f392c, #542621. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cba68e
#c9a38a
#c89f86
#c69a81
#c3957b
#c19075
#be8a6f
#bb8469
#b87e63
#b5785d
#b27358
#ae6e54
#ab694f
#a8644b
#a55f47
#a25a43
#9e553f
#9a513c
#974c38
#934835
#8e4433
#8a4030
#843c2e
#7f392c
#78362b
#723329
#6c3027
#662d26
#602b24
#5b2923
#572722
#542621

CSS

background: linear-gradient(180deg in oklch, oklch(75.20% 0.0551 54.84) 0.0%, oklch(74.38% 0.0572 54.17) 3.2%, oklch(73.35% 0.0599 53.29) 6.5%, oklch(72.12% 0.0632 52.26) 9.7%, oklch(70.74% 0.0668 51.09) 12.9%, oklch(69.25% 0.0707 49.84) 16.1%, oklch(67.69% 0.0747 48.54) 19.4%, oklch(66.10% 0.0787 47.22) 22.6%, oklch(64.50% 0.0824 45.93) 25.8%, oklch(62.96% 0.0858 44.70) 29.0%, oklch(61.49% 0.0887 43.57) 32.3%, oklch(60.11% 0.0912 42.54) 35.5%, oklch(58.73% 0.0936 41.53) 38.7%, oklch(57.36% 0.0961 40.54) 41.9%, oklch(55.98% 0.0984 39.56) 45.2%, oklch(54.60% 0.1005 38.60) 48.4%, oklch(53.22% 0.1023 37.67) 51.6%, oklch(51.85% 0.1038 36.76) 54.8%, oklch(50.48% 0.1048 35.89) 58.1%, oklch(49.11% 0.1053 35.04) 61.3%, oklch(47.75% 0.1052 34.23) 64.5%, oklch(46.39% 0.1043 33.45) 67.7%, oklch(44.95% 0.1025 32.69) 71.0%, oklch(43.44% 0.0996 31.94) 74.2%, oklch(41.89% 0.0961 31.21) 77.4%, oklch(40.34% 0.0920 30.50) 80.6%, oklch(38.83% 0.0877 29.84) 83.9%, oklch(37.38% 0.0834 29.22) 87.1%, oklch(36.05% 0.0792 28.65) 90.3%, oklch(34.86% 0.0755 28.15) 93.5%, oklch(33.86% 0.0725 27.72) 96.8%, oklch(33.07% 0.0703 27.37) 100.0%);

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

Bảng màu gỗ Sọc màu sa mạc Sọc màu tông ấm Sọc màu cam Sọc màu đất Gradient trung tính ấm

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