#AABDB1 - #E6ECE8 | colorate

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

Blend #AABDB1 to #E6ECE8

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

RGB混合

#AABDB1 - #E6ECE8 | colorate

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

0.0%	0.0% #AABDB1	RGB 170 189 177	#AABDB1
16.7%	16.7% #B4C4BA	RGB 180 196 186	#B4C4BA
33.3%	33.3% #BECCC3	RGB 190 204 195	#BECCC3
50.0%	50.0% #C8D4CC	RGB 200 212 204	#C8D4CC
66.7%	66.7% #D2DCD5	RGB 210 220 213	#D2DCD5
83.3%	83.3% #DCE4DE	RGB 220 228 222	#DCE4DE
100.0%	100.0% #E6ECE8	RGB 230 236 232	#E6ECE8

#AABDB1 #B4C4BA #BECCC3 #C8D4CC #D2DCD5 #DCE4DE #E6ECE8

#AABDB1 - #E6ECE8

HSV混合

#AABDB1 - #E6ECE8 | colorate

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

0.0%	0.0% #AABDB1	RGB 170 189 177	#AABDB1
16.7%	16.7% #B3C4B9	RGB 179 196 185	#B3C4B9
33.3%	33.3% #BDCCC2	RGB 189 204 194	#BDCCC2
50.0%	50.0% #C7D4CB	RGB 199 212 203	#C7D4CB
66.7%	66.7% #D1DCD5	RGB 209 220 213	#D1DCD5
83.3%	83.3% #DBE4DE	RGB 219 228 222	#DBE4DE
100.0%	100.0% #E6ECE8	RGB 230 236 232	#E6ECE8

#AABDB1 #B3C4B9 #BDCCC2 #C7D4CB #D1DCD5 #DBE4DE #E6ECE8

#AABDB1 - #C7D4CB - #E6ECE8

CSS代码

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

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