#A88F5E - #E6DFD1 | colorate

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

Blend #A88F5E to #E6DFD1

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

RGB混合

#A88F5E - #E6DFD1 | colorate

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

0.0%	0.0% #A88F5E	RGB 168 143 94	#A88F5E
16.7%	16.7% #B29C71	RGB 178 156 113	#B29C71
33.3%	33.3% #BCA984	RGB 188 169 132	#BCA984
50.0%	50.0% #C7B797	RGB 199 183 151	#C7B797
66.7%	66.7% #D1C4AA	RGB 209 196 170	#D1C4AA
83.3%	83.3% #DBD1BD	RGB 219 209 189	#DBD1BD
100.0%	100.0% #E6DFD1	RGB 230 223 209	#E6DFD1

#A88F5E #B29C71 #BCA984 #C7B797 #D1C4AA #DBD1BD #E6DFD1

#A88F5E - #E6DFD1

HSV混合

#A88F5E - #E6DFD1 | colorate

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

0.0%	0.0% #A88F5E	RGB 168 143 94	#A88F5E
16.7%	16.7% #B29B6E	RGB 178 155 110	#B29B6E
33.3%	33.3% #BCA87F	RGB 188 168 127	#BCA87F
50.0%	50.0% #C7B592	RGB 199 181 146	#C7B592
66.7%	66.7% #D1C2A5	RGB 209 194 165	#D1C2A5
83.3%	83.3% #DBD0BA	RGB 219 208 186	#DBD0BA
100.0%	100.0% #E6DFD1	RGB 230 223 209	#E6DFD1

#A88F5E #B29B6E #BCA87F #C7B592 #D1C2A5 #DBD0BA #E6DFD1

#A88F5E - #C7B592 - #E6DFD1

CSS代码

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

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