Nâu, xám đậm, xanh lá đậm và xám (gradient tuyến tính)

Bảng màu Nâu, xám đậm, xanh lá đậm và xám

Gradient tuyến tính, 32 màu, góc 90°: #6c543d, #27333b, #475f41, #c1b799, #8b8053. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6c543d
#625339
#535137
#424d39
#34473c
#2c403e
#283a3d
#28353b
#27333b
#26343c
#24373f
#213c42
#204243
#224942
#2b503f
#38573e
#475f41
#596a48
#6d7854
#828763
#979774
#a9a584
#b8b091
#c1b799
#c4b89a
#c2b495
#baad8b
#b0a37e
#a59871
#9a8e64
#908559
#8b8053

CSS

background: linear-gradient(90deg in oklch, oklch(46.46% 0.0469 66.09) 0.0%, oklch(45.06% 0.0443 81.42) 3.2%, oklch(42.98% 0.0404 103.89) 6.5%, oklch(40.49% 0.0358 130.76) 9.7%, oklch(37.86% 0.0309 159.28) 12.9%, oklch(35.38% 0.0264 186.71) 16.1%, oklch(33.30% 0.0229 210.31) 19.4%, oklch(31.92% 0.0209 227.32) 22.6%, oklch(31.48% 0.0209 235.10) 25.8%, oklch(31.73% 0.0235 233.86) 29.0%, oklch(32.49% 0.0280 225.82) 32.3%, oklch(33.73% 0.0338 212.84) 35.5%, oklch(35.39% 0.0402 196.84) 38.7%, oklch(37.46% 0.0464 179.70) 41.9%, oklch(39.88% 0.0517 163.31) 45.2%, oklch(42.62% 0.0555 149.58) 48.4%, oklch(45.80% 0.0569 139.68) 51.6%, oklch(50.16% 0.0564 130.69) 54.8%, oklch(55.40% 0.0545 122.13) 58.1%, oklch(61.04% 0.0516 114.15) 61.3%, oklch(66.61% 0.0485 106.91) 64.5%, oklch(71.61% 0.0456 100.57) 67.7%, oklch(75.58% 0.0434 95.28) 71.0%, oklch(78.03% 0.0426 91.21) 74.2%, oklch(78.56% 0.0435 88.66) 77.4%, oklch(77.37% 0.0457 87.88) 80.6%, oklch(74.92% 0.0488 88.46) 83.9%, oklch(71.67% 0.0524 89.97) 87.1%, oklch(68.08% 0.0562 91.98) 90.3%, oklch(64.61% 0.0598 94.07) 93.5%, oklch(61.71% 0.0627 95.79) 96.8%, oklch(59.84% 0.0648 96.74) 100.0%);

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

Khaki coded

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