#E6E3E5 - #AD96AA | colorate

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

Blend #E6E3E5 to #AD96AA

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

RGB混合

#E6E3E5 - #AD96AA | colorate

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

0.0%	0.0% #E6E3E5	RGB 230 227 229	#E6E3E5
16.7%	16.7% #DCD6DB	RGB 220 214 219	#DCD6DB
33.3%	33.3% #D3C9D1	RGB 211 201 209	#D3C9D1
50.0%	50.0% #C9BCC7	RGB 201 188 199	#C9BCC7
66.7%	66.7% #C0AFBD	RGB 192 175 189	#C0AFBD
83.3%	83.3% #B6A2B3	RGB 182 162 179	#B6A2B3
100.0%	100.0% #AD96AA	RGB 173 150 170	#AD96AA

#E6E3E5 #DCD6DB #D3C9D1 #C9BCC7 #C0AFBD #B6A2B3 #AD96AA

#E6E3E5 - #AD96AA

HSV混合

#E6E3E5 - #AD96AA | colorate

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

0.0%	0.0% #E6E3E5	RGB 230 227 229	#E6E3E5
16.7%	16.7% #DCD5DA	RGB 220 213 218	#DCD5DA
33.3%	33.3% #D3C7D0	RGB 211 199 208	#D3C7D0
50.0%	50.0% #C9BAC6	RGB 201 186 198	#C9BAC6
66.7%	66.7% #C0AEBC	RGB 192 174 188	#C0AEBC
83.3%	83.3% #B6A1B3	RGB 182 161 179	#B6A1B3
100.0%	100.0% #AD96AA	RGB 173 150 170	#AD96AA

#E6E3E5 #DCD5DA #D3C7D0 #C9BAC6 #C0AEBC #B6A1B3 #AD96AA

#E6E3E5 - #C9BAC6 - #AD96AA

CSS代码

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

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