Nâu, đen, nâu vàng và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #895b2d, #291d24, #e1c66a, #ba9137, #7fa680. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#895b2d
#85562e
#7e4e30
#744632
#683d32
#5a3431
#4d2d2f
#40262c
#352128
#2d1d24
#281b22
#261b22
#291d24
#31222a
#3e2a32
#4f353c
#654346
#7d524e
#956455
#ab775a
#bf8b5d
#ce9f60
#d8b064
#debe68
#e1c66a
#e1ca6a
#e0ca67
#dec663
#dcc15c
#d8b955
#d4b14e
#cfa847
#caa041
#c4993d
#bf9439
#ba9137
#b59138
#af923b
#a99440
#a29746
#9c994e
#959c57
#8f9f60
#8aa169
#86a370
#82a477
#80a57d
#7fa680

CSS

background: linear-gradient(135deg in oklch, oklch(51.18% 0.0868 63.28) 0.0%, oklch(49.58% 0.0831 58.68) 2.1%, oklch(47.18% 0.0777 52.04) 4.3%, oklch(44.19% 0.0710 43.87) 6.4%, oklch(40.81% 0.0636 34.66) 8.5%, oklch(37.27% 0.0556 24.91) 10.6%, oklch(33.75% 0.0477 15.11) 12.8%, oklch(30.46% 0.0401 5.77) 14.9%, oklch(27.62% 0.0333 357.39) 17.0%, oklch(25.43% 0.0278 350.46) 19.1%, oklch(24.08% 0.0238 345.48) 21.3%, oklch(23.80% 0.0219 342.96) 23.4%, oklch(24.79% 0.0224 343.38) 25.5%, oklch(27.34% 0.0257 347.10) 27.7%, oklch(31.27% 0.0312 353.70) 29.8%, oklch(36.30% 0.0387 2.60) 31.9%, oklch(42.13% 0.0477 13.25) 34.0%, oklch(48.48% 0.0576 25.09) 36.2%, oklch(55.06% 0.0680 37.54) 38.3%, oklch(61.57% 0.0785 50.04) 40.4%, oklch(67.73% 0.0887 62.03) 42.6%, oklch(73.24% 0.0979 72.95) 44.7%, oklch(77.81% 0.1059 82.22) 46.8%, oklch(81.16% 0.1121 89.29) 48.9%, oklch(83.06% 0.1162 93.71) 51.1%, oklch(83.83% 0.1193 96.03) 53.2%, oklch(83.69% 0.1215 96.68) 55.3%, oklch(82.78% 0.1230 96.01) 57.4%, oklch(81.29% 0.1237 94.35) 59.6%, oklch(79.37% 0.1238 92.05) 61.7%, oklch(77.18% 0.1235 89.44) 63.8%, oklch(74.88% 0.1226 86.88) 66.0%, oklch(72.64% 0.1214 84.71) 68.1%, oklch(70.62% 0.1199 83.26) 70.2%, oklch(68.98% 0.1181 82.87) 72.3%, oklch(67.89% 0.1162 83.90) 74.5%, oklch(67.34% 0.1140 86.52) 76.6%, oklch(67.01% 0.1109 90.42) 78.7%, oklch(66.86% 0.1071 95.33) 80.9%, oklch(66.86% 0.1027 101.02) 83.0%, oklch(66.97% 0.0980 107.25) 85.1%, oklch(67.17% 0.0930 113.78) 87.2%, oklch(67.43% 0.0881 120.36) 89.4%, oklch(67.71% 0.0832 126.76) 91.5%, oklch(67.99% 0.0787 132.73) 93.6%, oklch(68.23% 0.0747 138.04) 95.7%, oklch(68.41% 0.0714 142.45) 97.9%, oklch(68.50% 0.0689 145.71) 100.0%);

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

Brooched

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