#AA9F90 - #865F3B | colorate

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

Blend #AA9F90 to #865F3B

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

RGB混合

#AA9F90 - #865F3B | colorate

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

0.0%	0.0% #AA9F90	RGB 170 159 144	#AA9F90
16.7%	16.7% #A49481	RGB 164 148 129	#A49481
33.3%	33.3% #9E8973	RGB 158 137 115	#9E8973
50.0%	50.0% #987F65	RGB 152 127 101	#987F65
66.7%	66.7% #927457	RGB 146 116 87	#927457
83.3%	83.3% #8C6949	RGB 140 105 73	#8C6949
100.0%	100.0% #865F3B	RGB 134 95 59	#865F3B

#AA9F90 #A49481 #9E8973 #987F65 #927457 #8C6949 #865F3B

#AA9F90 - #865F3B

HSV混合

#AA9F90 - #865F3B | colorate

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

0.0%	0.0% #AA9F90	RGB 170 159 144	#AA9F90
16.7%	16.7% #A4947F	RGB 164 148 127	#A4947F
33.3%	33.3% #9E8970	RGB 158 137 112	#9E8970
50.0%	50.0% #987E61	RGB 152 126 97	#987E61
66.7%	66.7% #927354	RGB 146 115 84	#927354
83.3%	83.3% #8C6947	RGB 140 105 71	#8C6947
100.0%	100.0% #865F3B	RGB 134 95 59	#865F3B

#AA9F90 #A4947F #9E8970 #987E61 #927354 #8C6947 #865F3B

#AA9F90 - #987E61 - #865F3B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9F90 0%, #987E61 50%, #865F3B 100%);
    background: -webkit-linear-gradient(top, #AA9F90 0%, #987E61 50%, #865F3B 100%);
    background: linear-gradient(to bottom, #AA9F90 0%, #987E61 50%, #865F3B 100%);
}
</style>