#5E4010 - #1A1204 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #5E4010 to #1A1204

计算两种颜色#5E4010和#1A1204之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E4010 - #1A1204 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#5E4010的两种颜色之间的颜色扩展为0％，将#1A1204扩展为100％。

0.0%	0.0% #5E4010	RGB 94 64 16	#5E4010
16.7%	16.7% #52380E	RGB 82 56 14	#52380E
33.3%	33.3% #47300C	RGB 71 48 12	#47300C
50.0%	50.0% #3C290A	RGB 60 41 10	#3C290A
66.7%	66.7% #302108	RGB 48 33 8	#302108
83.3%	83.3% #251906	RGB 37 25 6	#251906
100.0%	100.0% #1A1204	RGB 26 18 4	#1A1204

#5E4010 #52380E #47300C #3C290A #302108 #251906 #1A1204

#5E4010 - #1A1204

HSV混合

#5E4010 - #1A1204 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#5E4010的两种颜色之间的颜色扩展为0％，将#1A1204扩展为100％。

0.0%	0.0% #5E400F	RGB 94 64 15	#5E400F
16.7%	16.7% #52380D	RGB 82 56 13	#52380D
33.3%	33.3% #47300B	RGB 71 48 11	#47300B
50.0%	50.0% #3C2909	RGB 60 41 9	#3C2909
66.7%	66.7% #302107	RGB 48 33 7	#302107
83.3%	83.3% #251905	RGB 37 25 5	#251905
100.0%	100.0% #1A1204	RGB 26 18 4	#1A1204

#5E400F #52380D #47300B #3C2909 #302107 #251905 #1A1204

#5E4010 - #3C2909 - #1A1204

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E4010 0%, #1A1204 100%);
    background: -webkit-linear-gradient(top, #5E4010 0%, #1A1204 100%);
    background: linear-gradient(to bottom, #5E4010 0%, #1A1204 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E400F 0%, #3C2909 50%, #1A1204 100%);
    background: -webkit-linear-gradient(top, #5E400F 0%, #3C2909 50%, #1A1204 100%);
    background: linear-gradient(to bottom, #5E400F 0%, #3C2909 50%, #1A1204 100%);
}
</style>