#AAC88B - #CDFFA8 | colorate

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

Blend #AAC88B to #CDFFA8

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

RGB混合

#AAC88B - #CDFFA8 | colorate

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

0.0%	0.0% #AAC88B	RGB 170 200 139	#AAC88B
16.7%	16.7% #AFD18F	RGB 175 209 143	#AFD18F
33.3%	33.3% #B5DA94	RGB 181 218 148	#B5DA94
50.0%	50.0% #BBE399	RGB 187 227 153	#BBE399
66.7%	66.7% #C1EC9E	RGB 193 236 158	#C1EC9E
83.3%	83.3% #C7F5A3	RGB 199 245 163	#C7F5A3
100.0%	100.0% #CDFFA8	RGB 205 255 168	#CDFFA8

#AAC88B #AFD18F #B5DA94 #BBE399 #C1EC9E #C7F5A3 #CDFFA8

#AAC88B - #CDFFA8

HSV混合

#AAC88B - #CDFFA8 | colorate

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

0.0%	0.0% #AAC88B	RGB 170 200 139	#AAC88B
16.7%	16.7% #B0D190	RGB 176 209 144	#B0D190
33.3%	33.3% #B6DA95	RGB 182 218 149	#B6DA95
50.0%	50.0% #BCE399	RGB 188 227 153	#BCE399
66.7%	66.7% #C2EC9E	RGB 194 236 158	#C2EC9E
83.3%	83.3% #C7F5A3	RGB 199 245 163	#C7F5A3
100.0%	100.0% #CDFFA8	RGB 205 255 168	#CDFFA8

#AAC88B #B0D190 #B6DA95 #BCE399 #C2EC9E #C7F5A3 #CDFFA8

#AAC88B - #BCE399 - #CDFFA8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAC88B 0%, #BCE399 50%, #CDFFA8 100%);
    background: -webkit-linear-gradient(top, #AAC88B 0%, #BCE399 50%, #CDFFA8 100%);
    background: linear-gradient(to bottom, #AAC88B 0%, #BCE399 50%, #CDFFA8 100%);
}
</style>