#5E5C4D - #372907 | colorate

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

Blend #5E5C4D to #372907

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

RGB混合

#5E5C4D - #372907 | colorate

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

0.0%	0.0% #5E5C4D	RGB 94 92 77	#5E5C4D
16.7%	16.7% #575341	RGB 87 83 65	#575341
33.3%	33.3% #514B35	RGB 81 75 53	#514B35
50.0%	50.0% #4A422A	RGB 74 66 42	#4A422A
66.7%	66.7% #443A1E	RGB 68 58 30	#443A1E
83.3%	83.3% #3D3112	RGB 61 49 18	#3D3112
100.0%	100.0% #372907	RGB 55 41 7	#372907

#5E5C4D #575341 #514B35 #4A422A #443A1E #3D3112 #372907

#5E5C4D - #372907

HSV混合

#5E5C4D - #372907 | colorate

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

0.0%	0.0% #5E5C4D	RGB 94 92 77	#5E5C4D
16.7%	16.7% #57533D	RGB 87 83 61	#57533D
33.3%	33.3% #514B2F	RGB 81 75 47	#514B2F
50.0%	50.0% #4A4223	RGB 74 66 35	#4A4223
66.7%	66.7% #443918	RGB 68 57 24	#443918
83.3%	83.3% #3D310E	RGB 61 49 14	#3D310E
100.0%	100.0% #372907	RGB 55 41 7	#372907

#5E5C4D #57533D #514B2F #4A4223 #443918 #3D310E #372907

#5E5C4D - #4A4223 - #372907

CSS代码

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

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