#AEA8C2 - #B8DEDC | colorate

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

Blend #AEA8C2 to #B8DEDC

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

RGB混合

#AEA8C2 - #B8DEDC | colorate

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

0.0%	0.0% #AEA8C2	RGB 174 168 194	#AEA8C2
16.7%	16.7% #AFB1C6	RGB 175 177 198	#AFB1C6
33.3%	33.3% #B1BACA	RGB 177 186 202	#B1BACA
50.0%	50.0% #B3C3CF	RGB 179 195 207	#B3C3CF
66.7%	66.7% #B4CCD3	RGB 180 204 211	#B4CCD3
83.3%	83.3% #B6D5D7	RGB 182 213 215	#B6D5D7
100.0%	100.0% #B8DEDC	RGB 184 222 220	#B8DEDC

#AEA8C2 #AFB1C6 #B1BACA #B3C3CF #B4CCD3 #B6D5D7 #B8DEDC

#AEA8C2 - #B8DEDC

HSV混合

#AEA8C2 - #B8DEDC | colorate

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

0.0%	0.0% #AEA8C2	RGB 174 168 194	#AEA8C2
16.7%	16.7% #ABAAC6	RGB 171 170 198	#ABAAC6
33.3%	33.3% #ADB3CB	RGB 173 179 203	#ADB3CB
50.0%	50.0% #B0BDD0	RGB 176 189 208	#B0BDD0
66.7%	66.7% #B2C7D4	RGB 178 199 212	#B2C7D4
83.3%	83.3% #B5D3D9	RGB 181 211 217	#B5D3D9
100.0%	100.0% #B8DEDC	RGB 184 222 220	#B8DEDC

#AEA8C2 #ABAAC6 #ADB3CB #B0BDD0 #B2C7D4 #B5D3D9 #B8DEDC

#AEA8C2 - #B0BDD0 - #B8DEDC

CSS代码

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

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