#A6502E - #E5CDC3 | colorate

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

Blend #A6502E to #E5CDC3

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

RGB混合

#A6502E - #E5CDC3 | colorate

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

0.0%	0.0% #A6502E	RGB 166 80 46	#A6502E
16.7%	16.7% #B06446	RGB 176 100 70	#B06446
33.3%	33.3% #BB795F	RGB 187 121 95	#BB795F
50.0%	50.0% #C58E78	RGB 197 142 120	#C58E78
66.7%	66.7% #D0A391	RGB 208 163 145	#D0A391
83.3%	83.3% #DAB8AA	RGB 218 184 170	#DAB8AA
100.0%	100.0% #E5CDC3	RGB 229 205 195	#E5CDC3

#A6502E #B06446 #BB795F #C58E78 #D0A391 #DAB8AA #E5CDC3

#A6502E - #E5CDC3

HSV混合

#A6502E - #E5CDC3 | colorate

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

0.0%	0.0% #A6502E	RGB 166 80 46	#A6502E
16.7%	16.7% #B06141	RGB 176 97 65	#B06141
33.3%	33.3% #BB7457	RGB 187 116 87	#BB7457
50.0%	50.0% #C5886F	RGB 197 136 111	#C5886F
66.7%	66.7% #D09D89	RGB 208 157 137	#D09D89
83.3%	83.3% #DAB4A5	RGB 218 180 165	#DAB4A5
100.0%	100.0% #E5CDC3	RGB 229 205 195	#E5CDC3

#A6502E #B06141 #BB7457 #C5886F #D09D89 #DAB4A5 #E5CDC3

#A6502E - #C5886F - #E5CDC3

CSS代码

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

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