#A16A5E - #E4D4D1 | colorate

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

Blend #A16A5E to #E4D4D1

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

RGB混合

#A16A5E - #E4D4D1 | colorate

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

0.0%	0.0% #A16A5E	RGB 161 106 94	#A16A5E
16.7%	16.7% #AC7B71	RGB 172 123 113	#AC7B71
33.3%	33.3% #B78D84	RGB 183 141 132	#B78D84
50.0%	50.0% #C29F97	RGB 194 159 151	#C29F97
66.7%	66.7% #CDB0AA	RGB 205 176 170	#CDB0AA
83.3%	83.3% #D8C2BD	RGB 216 194 189	#D8C2BD
100.0%	100.0% #E4D4D1	RGB 228 212 209	#E4D4D1

#A16A5E #AC7B71 #B78D84 #C29F97 #CDB0AA #D8C2BD #E4D4D1

#A16A5E - #E4D4D1

HSV混合

#A16A5E - #E4D4D1 | colorate

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

0.0%	0.0% #A16A5E	RGB 161 106 94	#A16A5E
16.7%	16.7% #AC786E	RGB 172 120 110	#AC786E
33.3%	33.3% #B7897F	RGB 183 137 127	#B7897F
50.0%	50.0% #C29A91	RGB 194 154 145	#C29A91
66.7%	66.7% #CDACA5	RGB 205 172 165	#CDACA5
83.3%	83.3% #D8BFBA	RGB 216 191 186	#D8BFBA
100.0%	100.0% #E4D4D1	RGB 228 212 209	#E4D4D1

#A16A5E #AC786E #B7897F #C29A91 #CDACA5 #D8BFBA #E4D4D1

#A16A5E - #C29A91 - #E4D4D1

CSS代码

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

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