#A8CCA8 - #588D65 | colorate

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

Blend #A8CCA8 to #588D65

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

RGB混合

#A8CCA8 - #588D65 | colorate

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

0.0%	0.0% #A8CCA8	RGB 168 204 168	#A8CCA8
16.7%	16.7% #9AC19C	RGB 154 193 156	#9AC19C
33.3%	33.3% #8DB791	RGB 141 183 145	#8DB791
50.0%	50.0% #80AC86	RGB 128 172 134	#80AC86
66.7%	66.7% #72A27B	RGB 114 162 123	#72A27B
83.3%	83.3% #659770	RGB 101 151 112	#659770
100.0%	100.0% #588D65	RGB 88 141 101	#588D65

#A8CCA8 #9AC19C #8DB791 #80AC86 #72A27B #659770 #588D65

#A8CCA8 - #588D65

HSV混合

#A8CCA8 - #588D65 | colorate

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

0.0%	0.0% #A8CCA8	RGB 168 204 168	#A8CCA8
16.7%	16.7% #98C19A	RGB 152 193 154	#98C19A
33.3%	33.3% #8AB78E	RGB 138 183 142	#8AB78E
50.0%	50.0% #7CAC82	RGB 124 172 130	#7CAC82
66.7%	66.7% #6FA278	RGB 111 162 120	#6FA278
83.3%	83.3% #63976E	RGB 99 151 110	#63976E
100.0%	100.0% #588D65	RGB 88 141 101	#588D65

#A8CCA8 #98C19A #8AB78E #7CAC82 #6FA278 #63976E #588D65

#A8CCA8 - #7CAC82 - #588D65

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CCA8 0%, #7CAC82 50%, #588D65 100%);
    background: -webkit-linear-gradient(top, #A8CCA8 0%, #7CAC82 50%, #588D65 100%);
    background: linear-gradient(to bottom, #A8CCA8 0%, #7CAC82 50%, #588D65 100%);
}
</style>