#A8BBC3 - #DACAC9 | colorate

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

Blend #A8BBC3 to #DACAC9

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

RGB混合

#A8BBC3 - #DACAC9 | colorate

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

0.0%	0.0% #A8BBC3	RGB 168 187 195	#A8BBC3
16.7%	16.7% #B0BDC4	RGB 176 189 196	#B0BDC4
33.3%	33.3% #B8C0C5	RGB 184 192 197	#B8C0C5
50.0%	50.0% #C1C2C6	RGB 193 194 198	#C1C2C6
66.7%	66.7% #C9C5C7	RGB 201 197 199	#C9C5C7
83.3%	83.3% #D1C7C8	RGB 209 199 200	#D1C7C8
100.0%	100.0% #DACAC9	RGB 218 202 201	#DACAC9

#A8BBC3 #B0BDC4 #B8C0C5 #C1C2C6 #C9C5C7 #D1C7C8 #DACAC9

#A8BBC3 - #DACAC9

HSV混合

#A8BBC3 - #DACAC9 | colorate

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

0.0%	0.0% #A8BBC3	RGB 168 187 195	#A8BBC3
16.7%	16.7% #ADB3C6	RGB 173 179 198	#ADB3C6
33.3%	33.3% #B7B2CA	RGB 183 178 202	#B7B2CA
50.0%	50.0% #C7B8CE	RGB 199 184 206	#C7B8CE
66.7%	66.7% #D2BDCF	RGB 210 189 207	#D2BDCF
83.3%	83.3% #D6C3CA	RGB 214 195 202	#D6C3CA
100.0%	100.0% #DACAC9	RGB 218 202 201	#DACAC9

#A8BBC3 #ADB3C6 #B7B2CA #C7B8CE #D2BDCF #D6C3CA #DACAC9

#A8BBC3 - #C7B8CE - #DACAC9

CSS代码

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

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