#A8C43E - #658C10 | colorate

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

Blend #A8C43E to #658C10

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

RGB混合

#A8C43E - #658C10 | colorate

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

0.0%	0.0% #A8C43E	RGB 168 196 62	#A8C43E
16.7%	16.7% #9CBA36	RGB 156 186 54	#9CBA36
33.3%	33.3% #91B12E	RGB 145 177 46	#91B12E
50.0%	50.0% #86A827	RGB 134 168 39	#86A827
66.7%	66.7% #7B9E1F	RGB 123 158 31	#7B9E1F
83.3%	83.3% #709517	RGB 112 149 23	#709517
100.0%	100.0% #658C10	RGB 101 140 16	#658C10

#A8C43E #9CBA36 #91B12E #86A827 #7B9E1F #709517 #658C10

#A8C43E - #658C10

HSV混合

#A8C43E - #658C10 | colorate

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

0.0%	0.0% #A8C43E	RGB 168 196 62	#A8C43E
16.7%	16.7% #9CBA34	RGB 156 186 52	#9CBA34
33.3%	33.3% #90B12C	RGB 144 177 44	#90B12C
50.0%	50.0% #85A824	RGB 133 168 36	#85A824
66.7%	66.7% #7A9E1C	RGB 122 158 28	#7A9E1C
83.3%	83.3% #6F9516	RGB 111 149 22	#6F9516
100.0%	100.0% #658C10	RGB 101 140 16	#658C10

#A8C43E #9CBA34 #90B12C #85A824 #7A9E1C #6F9516 #658C10

#A8C43E - #85A824 - #658C10

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C43E 0%, #85A824 50%, #658C10 100%);
    background: -webkit-linear-gradient(top, #A8C43E 0%, #85A824 50%, #658C10 100%);
    background: linear-gradient(to bottom, #A8C43E 0%, #85A824 50%, #658C10 100%);
}
</style>