#3C5E06 - #8EA25B | colorate

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

Blend #3C5E06 to #8EA25B

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

RGB混合

#3C5E06 - #8EA25B | colorate

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

0.0%	0.0% #3C5E06	RGB 60 94 6	#3C5E06
16.7%	16.7% #496914	RGB 73 105 20	#496914
33.3%	33.3% #577422	RGB 87 116 34	#577422
50.0%	50.0% #658030	RGB 101 128 48	#658030
66.7%	66.7% #728B3E	RGB 114 139 62	#728B3E
83.3%	83.3% #80964C	RGB 128 150 76	#80964C
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E06 #496914 #577422 #658030 #728B3E #80964C #8EA25B

#3C5E06 - #8EA25B

HSV混合

#3C5E06 - #8EA25B | colorate

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

0.0%	0.0% #3C5E05	RGB 60 94 5	#3C5E05
16.7%	16.7% #48690F	RGB 72 105 15	#48690F
33.3%	33.3% #55741A	RGB 85 116 26	#55741A
50.0%	50.0% #628028	RGB 98 128 40	#628028
66.7%	66.7% #708B37	RGB 112 139 55	#708B37
83.3%	83.3% #7F9648	RGB 127 150 72	#7F9648
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E05 #48690F #55741A #628028 #708B37 #7F9648 #8EA25B

#3C5E06 - #628028 - #8EA25B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E05 0%, #628028 50%, #8EA25B 100%);
    background: -webkit-linear-gradient(top, #3C5E05 0%, #628028 50%, #8EA25B 100%);
    background: linear-gradient(to bottom, #3C5E05 0%, #628028 50%, #8EA25B 100%);
}
</style>