#A8AFB5 - #DDBEBD | colorate

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

Blend #A8AFB5 to #DDBEBD

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

RGB混合

#A8AFB5 - #DDBEBD | colorate

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

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #B0B1B6	RGB 176 177 182	#B0B1B6
33.3%	33.3% #B9B4B7	RGB 185 180 183	#B9B4B7
50.0%	50.0% #C2B6B9	RGB 194 182 185	#C2B6B9
66.7%	66.7% #CBB9BA	RGB 203 185 186	#CBB9BA
83.3%	83.3% #D4BBBB	RGB 212 187 187	#D4BBBB
100.0%	100.0% #DDBEBD	RGB 221 190 189	#DDBEBD

#A8AFB5 #B0B1B6 #B9B4B7 #C2B6B9 #CBB9BA #D4BBBB #DDBEBD

#A8AFB5 - #DDBEBD

HSV混合

#A8AFB5 - #DDBEBD | colorate

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

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #ABADBB	RGB 171 173 187	#ABADBB
33.3%	33.3% #B5AFC2	RGB 181 175 194	#B5AFC2
50.0%	50.0% #C3B3C9	RGB 195 179 201	#C3B3C9
66.7%	66.7% #CFB6CB	RGB 207 182 203	#CFB6CB
83.3%	83.3% #D6B9C5	RGB 214 185 197	#D6B9C5
100.0%	100.0% #DDBEBD	RGB 221 190 189	#DDBEBD

#A8AFB5 #ABADBB #B5AFC2 #C3B3C9 #CFB6CB #D6B9C5 #DDBEBD

#A8AFB5 - #C3B3C9 - #DDBEBD

CSS代码

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

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