#A76D5E - #813118 | colorate

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

Blend #A76D5E to #813118

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

RGB混合

#A76D5E - #813118 | colorate

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

0.0%	0.0% #A76D5E	RGB 167 109 94	#A76D5E
16.7%	16.7% #A06352	RGB 160 99 82	#A06352
33.3%	33.3% #9A5946	RGB 154 89 70	#9A5946
50.0%	50.0% #944F3B	RGB 148 79 59	#944F3B
66.7%	66.7% #8D452F	RGB 141 69 47	#8D452F
83.3%	83.3% #873B23	RGB 135 59 35	#873B23
100.0%	100.0% #813118	RGB 129 49 24	#813118

#A76D5E #A06352 #9A5946 #944F3B #8D452F #873B23 #813118

#A76D5E - #813118

HSV混合

#A76D5E - #813118 | colorate

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

0.0%	0.0% #A76D5E	RGB 167 109 94	#A76D5E
16.7%	16.7% #A06150	RGB 160 97 80	#A06150
33.3%	33.3% #9A5643	RGB 154 86 67	#9A5643
50.0%	50.0% #944B37	RGB 148 75 55	#944B37
66.7%	66.7% #8D422C	RGB 141 66 44	#8D422C
83.3%	83.3% #873921	RGB 135 57 33	#873921
100.0%	100.0% #813118	RGB 129 49 24	#813118

#A76D5E #A06150 #9A5643 #944B37 #8D422C #873921 #813118

#A76D5E - #944B37 - #813118

CSS代码

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

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