#4C5E41 - #B7A867 | colorate

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

Blend #4C5E41 to #B7A867

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

RGB混合

#4C5E41 - #B7A867 | colorate

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

0.0%	0.0% #4C5E41	RGB 76 94 65	#4C5E41
16.7%	16.7% #5D6A47	RGB 93 106 71	#5D6A47
33.3%	33.3% #6F764D	RGB 111 118 77	#6F764D
50.0%	50.0% #818354	RGB 129 131 84	#818354
66.7%	66.7% #938F5A	RGB 147 143 90	#938F5A
83.3%	83.3% #A59B60	RGB 165 155 96	#A59B60
100.0%	100.0% #B7A867	RGB 183 168 103	#B7A867

#4C5E41 #5D6A47 #6F764D #818354 #938F5A #A59B60 #B7A867

#4C5E41 - #B7A867

HSV混合

#4C5E41 - #B7A867 | colorate

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

0.0%	0.0% #4C5E41	RGB 76 94 65	#4C5E41
16.7%	16.7% #5B6C48	RGB 91 108 72	#5B6C48
33.3%	33.3% #6C7B50	RGB 108 123 80	#6C7B50
50.0%	50.0% #7F8A56	RGB 127 138 86	#7F8A56
66.7%	66.7% #94995C	RGB 148 153 92	#94995C
83.3%	83.3% #A8A462	RGB 168 164 98	#A8A462
100.0%	100.0% #B7A867	RGB 183 168 103	#B7A867

#4C5E41 #5B6C48 #6C7B50 #7F8A56 #94995C #A8A462 #B7A867

#4C5E41 - #7F8A56 - #B7A867

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E41 0%, #7F8A56 50%, #B7A867 100%);
    background: -webkit-linear-gradient(top, #4C5E41 0%, #7F8A56 50%, #B7A867 100%);
    background: linear-gradient(to bottom, #4C5E41 0%, #7F8A56 50%, #B7A867 100%);
}
</style>