#ACBBC7 - #E5DDD1 | colorate

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

Blend #ACBBC7 to #E5DDD1

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

RGB混合

#ACBBC7 - #E5DDD1 | colorate

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

0.0%	0.0% #ACBBC7	RGB 172 187 199	#ACBBC7
16.7%	16.7% #B5C0C8	RGB 181 192 200	#B5C0C8
33.3%	33.3% #BFC6CA	RGB 191 198 202	#BFC6CA
50.0%	50.0% #C8CCCC	RGB 200 204 204	#C8CCCC
66.7%	66.7% #D2D1CD	RGB 210 209 205	#D2D1CD
83.3%	83.3% #DBD7CF	RGB 219 215 207	#DBD7CF
100.0%	100.0% #E5DDD1	RGB 229 221 209	#E5DDD1

#ACBBC7 #B5C0C8 #BFC6CA #C8CCCC #D2D1CD #DBD7CF #E5DDD1

#ACBBC7 - #E5DDD1

HSV混合

#ACBBC7 - #E5DDD1 | colorate

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

0.0%	0.0% #ACBBC7	RGB 172 187 199	#ACBBC7
16.7%	16.7% #B1CCCB	RGB 177 204 203	#B1CCCB
33.3%	33.3% #B8D1C4	RGB 184 209 196	#B8D1C4
50.0%	50.0% #BED6BE	RGB 190 214 190	#BED6BE
66.7%	66.7% #CEDBC4	RGB 206 219 196	#CEDBC4
83.3%	83.3% #DEE0CA	RGB 222 224 202	#DEE0CA
100.0%	100.0% #E5DDD1	RGB 229 221 209	#E5DDD1

#ACBBC7 #B1CCCB #B8D1C4 #BED6BE #CEDBC4 #DEE0CA #E5DDD1

#ACBBC7 - #BED6BE - #E5DDD1

CSS代码

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

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