#AD5E3B - #E7D1C7 | colorate

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

Blend #AD5E3B to #E7D1C7

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

RGB混合

#AD5E3B - #E7D1C7 | colorate

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

0.0%	0.0% #AD5E3B	RGB 173 94 59	#AD5E3B
16.7%	16.7% #B67152	RGB 182 113 82	#B67152
33.3%	33.3% #C08469	RGB 192 132 105	#C08469
50.0%	50.0% #CA9781	RGB 202 151 129	#CA9781
66.7%	66.7% #D3AA98	RGB 211 170 152	#D3AA98
83.3%	83.3% #DDBDAF	RGB 221 189 175	#DDBDAF
100.0%	100.0% #E7D1C7	RGB 231 209 199	#E7D1C7

#AD5E3B #B67152 #C08469 #CA9781 #D3AA98 #DDBDAF #E7D1C7

#AD5E3B - #E7D1C7

HSV混合

#AD5E3B - #E7D1C7 | colorate

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

0.0%	0.0% #AD5E3B	RGB 173 94 59	#AD5E3B
16.7%	16.7% #B66E4E	RGB 182 110 78	#B66E4E
33.3%	33.3% #C07F62	RGB 192 127 98	#C07F62
50.0%	50.0% #CA9279	RGB 202 146 121	#CA9279
66.7%	66.7% #D3A691	RGB 211 166 145	#D3A691
83.3%	83.3% #DDBBAB	RGB 221 187 171	#DDBBAB
100.0%	100.0% #E7D1C7	RGB 231 209 199	#E7D1C7

#AD5E3B #B66E4E #C07F62 #CA9279 #D3A691 #DDBBAB #E7D1C7

#AD5E3B - #CA9279 - #E7D1C7

CSS代码

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

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