#AD5E37 - #792B0B | colorate

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

Blend #AD5E37 to #792B0B

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

RGB混合

#AD5E37 - #792B0B | colorate

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

0.0%	0.0% #AD5E37	RGB 173 94 55	#AD5E37
16.7%	16.7% #A4552F	RGB 164 85 47	#A4552F
33.3%	33.3% #9B4D28	RGB 155 77 40	#9B4D28
50.0%	50.0% #934421	RGB 147 68 33	#934421
66.7%	66.7% #8A3C19	RGB 138 60 25	#8A3C19
83.3%	83.3% #813312	RGB 129 51 18	#813312
100.0%	100.0% #792B0B	RGB 121 43 11	#792B0B

#AD5E37 #A4552F #9B4D28 #934421 #8A3C19 #813312 #792B0B

#AD5E37 - #792B0B

HSV混合

#AD5E37 - #792B0B | colorate

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

0.0%	0.0% #AD5E37	RGB 173 94 55	#AD5E37
16.7%	16.7% #A4542E	RGB 164 84 46	#A4542E
33.3%	33.3% #9B4B25	RGB 155 75 37	#9B4B25
50.0%	50.0% #93421E	RGB 147 66 30	#93421E
66.7%	66.7% #8A3A17	RGB 138 58 23	#8A3A17
83.3%	83.3% #813210	RGB 129 50 16	#813210
100.0%	100.0% #792B0B	RGB 121 43 11	#792B0B

#AD5E37 #A4542E #9B4B25 #93421E #8A3A17 #813210 #792B0B

#AD5E37 - #93421E - #792B0B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD5E37 0%, #93421E 50%, #792B0B 100%);
    background: -webkit-linear-gradient(top, #AD5E37 0%, #93421E 50%, #792B0B 100%);
    background: linear-gradient(to bottom, #AD5E37 0%, #93421E 50%, #792B0B 100%);
}
</style>