#A8D081 - #E6F1DB | colorate

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

Blend #A8D081 to #E6F1DB

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

RGB混合

#A8D081 - #E6F1DB | colorate

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

0.0%	0.0% #A8D081	RGB 168 208 129	#A8D081
16.7%	16.7% #B2D590	RGB 178 213 144	#B2D590
33.3%	33.3% #BCDB9F	RGB 188 219 159	#BCDB9F
50.0%	50.0% #C7E0AE	RGB 199 224 174	#C7E0AE
66.7%	66.7% #D1E6BD	RGB 209 230 189	#D1E6BD
83.3%	83.3% #DBEBCC	RGB 219 235 204	#DBEBCC
100.0%	100.0% #E6F1DB	RGB 230 241 219	#E6F1DB

#A8D081 #B2D590 #BCDB9F #C7E0AE #D1E6BD #DBEBCC #E6F1DB

#A8D081 - #E6F1DB

HSV混合

#A8D081 - #E6F1DB | colorate

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

0.0%	0.0% #A8D081	RGB 168 208 129	#A8D081
16.7%	16.7% #B1D58E	RGB 177 213 142	#B1D58E
33.3%	33.3% #BBDB9C	RGB 187 219 156	#BBDB9C
50.0%	50.0% #C5E0AB	RGB 197 224 171	#C5E0AB
66.7%	66.7% #D0E6BA	RGB 208 230 186	#D0E6BA
83.3%	83.3% #DBEBCA	RGB 219 235 202	#DBEBCA
100.0%	100.0% #E6F1DB	RGB 230 241 219	#E6F1DB

#A8D081 #B1D58E #BBDB9C #C5E0AB #D0E6BA #DBEBCA #E6F1DB

#A8D081 - #C5E0AB - #E6F1DB

CSS代码

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

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