#A8CCA2 - #57974B | colorate

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

Blend #A8CCA2 to #57974B

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

RGB混合

#A8CCA2 - #57974B | colorate

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

0.0%	0.0% #A8CCA2	RGB 168 204 162	#A8CCA2
16.7%	16.7% #9AC393	RGB 154 195 147	#9AC393
33.3%	33.3% #8DBA85	RGB 141 186 133	#8DBA85
50.0%	50.0% #7FB176	RGB 127 177 118	#7FB176
66.7%	66.7% #72A868	RGB 114 168 104	#72A868
83.3%	83.3% #649F59	RGB 100 159 89	#649F59
100.0%	100.0% #57974B	RGB 87 151 75	#57974B

#A8CCA2 #9AC393 #8DBA85 #7FB176 #72A868 #649F59 #57974B

#A8CCA2 - #57974B

HSV混合

#A8CCA2 - #57974B | colorate

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

0.0%	0.0% #A8CCA2	RGB 168 204 162	#A8CCA2
16.7%	16.7% #98C391	RGB 152 195 145	#98C391
33.3%	33.3% #89BA81	RGB 137 186 129	#89BA81
50.0%	50.0% #7CB172	RGB 124 177 114	#7CB172
66.7%	66.7% #6EA864	RGB 110 168 100	#6EA864
83.3%	83.3% #629F57	RGB 98 159 87	#629F57
100.0%	100.0% #57974B	RGB 87 151 75	#57974B

#A8CCA2 #98C391 #89BA81 #7CB172 #6EA864 #629F57 #57974B

#A8CCA2 - #7CB172 - #57974B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CCA2 0%, #7CB172 50%, #57974B 100%);
    background: -webkit-linear-gradient(top, #A8CCA2 0%, #7CB172 50%, #57974B 100%);
    background: linear-gradient(to bottom, #A8CCA2 0%, #7CB172 50%, #57974B 100%);
}
</style>