Nâu và xanh lá (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 45°: #b94343, #8a7111, #5b845e, #81803b, #b76930. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b94343
#b9453f
#b8463b
#b74836
#b64b30
#b54d2a
#b35023
#b0531b
#ae5612
#aa5a07
#a75d00
#a26100
#9d6500
#996800
#956b00
#906e05
#8a7111
#85741a
#807623
#7b782a
#767a32
#717c38
#6d7d3e
#697f44
#668049
#63814d
#608151
#5e8255
#5d8258
#5c835a
#5b835c
#5b835d
#5b845e
#5b845f
#5c845e
#5d845e
#5e845d
#60845b
#618559
#648557
#668454
#698451
#6c844e
#70834b
#748347
#788243
#7c813f
#81803b
#857f36
#8a7e32
#8e7c2f
#937b2b
#977928
#9c7726
#a07624
#a47424
#a77224
#ab7025
#ad6f26
#b06d28
#b26c2a
#b46b2c
#b66a2e
#b76930

CSS

background: linear-gradient(45deg in oklch, oklch(54.72% 0.1530 23.91) 0.0%, oklch(54.76% 0.1515 26.08) 1.6%, oklch(54.81% 0.1499 28.68) 3.2%, oklch(54.86% 0.1479 31.69) 4.8%, oklch(54.91% 0.1458 35.06) 6.3%, oklch(54.96% 0.1434 38.76) 7.9%, oklch(55.02% 0.1408 42.77) 9.5%, oklch(55.08% 0.1381 47.05) 11.1%, oklch(55.15% 0.1352 51.56) 12.7%, oklch(55.22% 0.1322 56.28) 14.3%, oklch(55.29% 0.1282 61.14) 15.9%, oklch(55.36% 0.1231 66.17) 17.5%, oklch(55.44% 0.1192 71.31) 19.0%, oklch(55.51% 0.1164 76.52) 20.6%, oklch(55.59% 0.1146 81.78) 22.2%, oklch(55.67% 0.1124 87.07) 23.8%, oklch(55.75% 0.1091 92.32) 25.4%, oklch(55.84% 0.1057 97.50) 27.0%, oklch(55.92% 0.1024 102.60) 28.6%, oklch(56.01% 0.0992 107.59) 30.2%, oklch(56.10% 0.0961 112.41) 31.7%, oklch(56.18% 0.0930 117.06) 33.3%, oklch(56.27% 0.0901 121.48) 34.9%, oklch(56.36% 0.0874 125.66) 36.5%, oklch(56.45% 0.0848 129.55) 38.1%, oklch(56.53% 0.0825 133.13) 39.7%, oklch(56.62% 0.0803 136.37) 41.3%, oklch(56.71% 0.0784 139.22) 42.9%, oklch(56.79% 0.0767 141.66) 44.4%, oklch(56.88% 0.0752 143.66) 46.0%, oklch(56.96% 0.0741 145.18) 47.6%, oklch(57.05% 0.0733 146.19) 49.2%, oklch(57.13% 0.0728 146.66) 50.8%, oklch(57.21% 0.0727 146.62) 52.4%, oklch(57.30% 0.0728 146.09) 54.0%, oklch(57.39% 0.0731 145.11) 55.6%, oklch(57.48% 0.0738 143.70) 57.1%, oklch(57.58% 0.0746 141.90) 58.7%, oklch(57.68% 0.0757 139.74) 60.3%, oklch(57.78% 0.0770 137.24) 61.9%, oklch(57.88% 0.0784 134.43) 63.5%, oklch(57.98% 0.0800 131.35) 65.1%, oklch(58.08% 0.0818 128.02) 66.7%, oklch(58.18% 0.0837 124.47) 68.3%, oklch(58.28% 0.0857 120.73) 69.8%, oklch(58.38% 0.0878 116.84) 71.4%, oklch(58.49% 0.0900 112.82) 73.0%, oklch(58.59% 0.0923 108.70) 74.6%, oklch(58.69% 0.0946 104.51) 76.2%, oklch(58.79% 0.0969 100.28) 77.8%, oklch(58.88% 0.0992 96.04) 79.4%, oklch(58.98% 0.1015 91.82) 81.0%, oklch(59.07% 0.1038 87.65) 82.5%, oklch(59.16% 0.1061 83.56) 84.1%, oklch(59.24% 0.1083 79.57) 85.7%, oklch(59.33% 0.1104 75.73) 87.3%, oklch(59.41% 0.1125 72.05) 88.9%, oklch(59.48% 0.1144 68.57) 90.5%, oklch(59.56% 0.1162 65.32) 92.1%, oklch(59.62% 0.1178 62.32) 93.7%, oklch(59.69% 0.1193 59.61) 95.2%, oklch(59.74% 0.1206 57.22) 96.8%, oklch(59.80% 0.1217 55.17) 98.4%, oklch(59.84% 0.1226 53.50) 100.0%);

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

Giàn cà chua sai quả

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