#5E561B - #3C2D06 | colorate

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

Blend #5E561B to #3C2D06

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

RGB混合

#5E561B - #3C2D06 | colorate

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

0.0%	0.0% #5E561B	RGB 94 86 27	#5E561B
16.7%	16.7% #584F17	RGB 88 79 23	#584F17
33.3%	33.3% #524814	RGB 82 72 20	#524814
50.0%	50.0% #4D4110	RGB 77 65 16	#4D4110
66.7%	66.7% #473A0D	RGB 71 58 13	#473A0D
83.3%	83.3% #413309	RGB 65 51 9	#413309
100.0%	100.0% #3C2D06	RGB 60 45 6	#3C2D06

#5E561B #584F17 #524814 #4D4110 #473A0D #413309 #3C2D06

#5E561B - #3C2D06

HSV混合

#5E561B - #3C2D06 | colorate

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

0.0%	0.0% #5E561B	RGB 94 86 27	#5E561B
16.7%	16.7% #584E16	RGB 88 78 22	#584E16
33.3%	33.3% #524712	RGB 82 71 18	#524712
50.0%	50.0% #4D400E	RGB 77 64 14	#4D400E
66.7%	66.7% #47390B	RGB 71 57 11	#47390B
83.3%	83.3% #413308	RGB 65 51 8	#413308
100.0%	100.0% #3C2D06	RGB 60 45 6	#3C2D06

#5E561B #584E16 #524712 #4D400E #47390B #413308 #3C2D06

#5E561B - #4D400E - #3C2D06

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E561B 0%, #4D400E 50%, #3C2D06 100%);
    background: -webkit-linear-gradient(top, #5E561B 0%, #4D400E 50%, #3C2D06 100%);
    background: linear-gradient(to bottom, #5E561B 0%, #4D400E 50%, #3C2D06 100%);
}
</style>