#ABC36D - #5D7E2B | colorate

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

Blend #ABC36D to #5D7E2B

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

RGB混合

#ABC36D - #5D7E2B | colorate

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

0.0%	0.0% #ABC36D	RGB 171 195 109	#ABC36D
16.7%	16.7% #9EB762	RGB 158 183 98	#9EB762
33.3%	33.3% #91AC57	RGB 145 172 87	#91AC57
50.0%	50.0% #84A04C	RGB 132 160 76	#84A04C
66.7%	66.7% #779541	RGB 119 149 65	#779541
83.3%	83.3% #6A8936	RGB 106 137 54	#6A8936
100.0%	100.0% #5D7E2B	RGB 93 126 43	#5D7E2B

#ABC36D #9EB762 #91AC57 #84A04C #779541 #6A8936 #5D7E2B

#ABC36D - #5D7E2B

HSV混合

#ABC36D - #5D7E2B | colorate

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

0.0%	0.0% #ABC36D	RGB 171 195 109	#ABC36D
16.7%	16.7% #9DB75F	RGB 157 183 95	#9DB75F
33.3%	33.3% #8FAC53	RGB 143 172 83	#8FAC53
50.0%	50.0% #82A048	RGB 130 160 72	#82A048
66.7%	66.7% #75953D	RGB 117 149 61	#75953D
83.3%	83.3% #698933	RGB 105 137 51	#698933
100.0%	100.0% #5D7E2B	RGB 93 126 43	#5D7E2B

#ABC36D #9DB75F #8FAC53 #82A048 #75953D #698933 #5D7E2B

#ABC36D - #82A048 - #5D7E2B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC36D 0%, #82A048 50%, #5D7E2B 100%);
    background: -webkit-linear-gradient(top, #ABC36D 0%, #82A048 50%, #5D7E2B 100%);
    background: linear-gradient(to bottom, #ABC36D 0%, #82A048 50%, #5D7E2B 100%);
}
</style>