#AE736A - #8A321F | colorate

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

Blend #AE736A to #8A321F

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

RGB混合

#AE736A - #8A321F | colorate

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

0.0%	0.0% #AE736A	RGB 174 115 106	#AE736A
16.7%	16.7% #A8685D	RGB 168 104 93	#A8685D
33.3%	33.3% #A25D51	RGB 162 93 81	#A25D51
50.0%	50.0% #9C5244	RGB 156 82 68	#9C5244
66.7%	66.7% #964738	RGB 150 71 56	#964738
83.3%	83.3% #903C2B	RGB 144 60 43	#903C2B
100.0%	100.0% #8A321F	RGB 138 50 31	#8A321F

#AE736A #A8685D #A25D51 #9C5244 #964738 #903C2B #8A321F

#AE736A - #8A321F

HSV混合

#AE736A - #8A321F | colorate

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

0.0%	0.0% #AE736A	RGB 174 115 106	#AE736A
16.7%	16.7% #A8665B	RGB 168 102 91	#A8665B
33.3%	33.3% #A25A4D	RGB 162 90 77	#A25A4D
50.0%	50.0% #9C4F41	RGB 156 79 65	#9C4F41
66.7%	66.7% #964434	RGB 150 68 52	#964434
83.3%	83.3% #903A29	RGB 144 58 41	#903A29
100.0%	100.0% #8A321F	RGB 138 50 31	#8A321F

#AE736A #A8665B #A25A4D #9C4F41 #964434 #903A29 #8A321F

#AE736A - #9C4F41 - #8A321F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE736A 0%, #9C4F41 50%, #8A321F 100%);
    background: -webkit-linear-gradient(top, #AE736A 0%, #9C4F41 50%, #8A321F 100%);
    background: linear-gradient(to bottom, #AE736A 0%, #9C4F41 50%, #8A321F 100%);
}
</style>