#3E5E36 - #5FC87D | colorate

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

Blend #3E5E36 to #5FC87D

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

RGB混合

#3E5E36 - #5FC87D | colorate

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

0.0%	0.0% #3E5E36	RGB 62 94 54	#3E5E36
16.7%	16.7% #436F41	RGB 67 111 65	#436F41
33.3%	33.3% #49814D	RGB 73 129 77	#49814D
50.0%	50.0% #4E9359	RGB 78 147 89	#4E9359
66.7%	66.7% #54A465	RGB 84 164 101	#54A465
83.3%	83.3% #59B671	RGB 89 182 113	#59B671
100.0%	100.0% #5FC87D	RGB 95 200 125	#5FC87D

#3E5E36 #436F41 #49814D #4E9359 #54A465 #59B671 #5FC87D

#3E5E36 - #5FC87D

HSV混合

#3E5E36 - #5FC87D | colorate

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

0.0%	0.0% #3E5E36	RGB 62 94 54	#3E5E36
16.7%	16.7% #446F3E	RGB 68 111 62	#446F3E
33.3%	33.3% #488146	RGB 72 129 70	#488146
50.0%	50.0% #4D9350	RGB 77 147 80	#4D9350
66.7%	66.7% #53A45D	RGB 83 164 93	#53A45D
83.3%	83.3% #59B66C	RGB 89 182 108	#59B66C
100.0%	100.0% #5FC87D	RGB 95 200 125	#5FC87D

#3E5E36 #446F3E #488146 #4D9350 #53A45D #59B66C #5FC87D

#3E5E36 - #4D9350 - #5FC87D

CSS代码

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

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