#3E5E47 - #9AAD63 | colorate

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

Blend #3E5E47 to #9AAD63

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

RGB混合

#3E5E47 - #9AAD63 | colorate

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #4D6B4B	RGB 77 107 75	#4D6B4B
33.3%	33.3% #5C7850	RGB 92 120 80	#5C7850
50.0%	50.0% #6C8555	RGB 108 133 85	#6C8555
66.7%	66.7% #7B9259	RGB 123 146 89	#7B9259
83.3%	83.3% #8A9F5E	RGB 138 159 94	#8A9F5E
100.0%	100.0% #9AAD63	RGB 154 173 99	#9AAD63

#3E5E47 #4D6B4B #5C7850 #6C8555 #7B9259 #8A9F5E #9AAD63

#3E5E47 - #9AAD63

HSV混合

#3E5E47 - #9AAD63 | colorate

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #456B49	RGB 69 107 73	#456B49
33.3%	33.3% #4E784B	RGB 78 120 75	#4E784B
50.0%	50.0% #5E8552	RGB 94 133 82	#5E8552
66.7%	66.7% #6F9258	RGB 111 146 88	#6F9258
83.3%	83.3% #839F5D	RGB 131 159 93	#839F5D
100.0%	100.0% #9AAD63	RGB 154 173 99	#9AAD63

#3E5E47 #456B49 #4E784B #5E8552 #6F9258 #839F5D #9AAD63

#3E5E47 - #5E8552 - #9AAD63

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E47 0%, #5E8552 50%, #9AAD63 100%);
    background: -webkit-linear-gradient(top, #3E5E47 0%, #5E8552 50%, #9AAD63 100%);
    background: linear-gradient(to bottom, #3E5E47 0%, #5E8552 50%, #9AAD63 100%);
}
</style>