#AA8C7B - #FFCF99 | colorate

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

Blend #AA8C7B to #FFCF99

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

RGB混合

#AA8C7B - #FFCF99 | colorate

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

0.0%	0.0% #AA8C7B	RGB 170 140 123	#AA8C7B
16.7%	16.7% #B89780	RGB 184 151 128	#B89780
33.3%	33.3% #C6A285	RGB 198 162 133	#C6A285
50.0%	50.0% #D4AD8A	RGB 212 173 138	#D4AD8A
66.7%	66.7% #E2B88F	RGB 226 184 143	#E2B88F
83.3%	83.3% #F0C394	RGB 240 195 148	#F0C394
100.0%	100.0% #FFCF99	RGB 255 207 153	#FFCF99

#AA8C7B #B89780 #C6A285 #D4AD8A #E2B88F #F0C394 #FFCF99

#AA8C7B - #FFCF99

HSV混合

#AA8C7B - #FFCF99 | colorate

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

0.0%	0.0% #AA8C7B	RGB 170 140 123	#AA8C7B
16.7%	16.7% #B89681	RGB 184 150 129	#B89681
33.3%	33.3% #C6A187	RGB 198 161 135	#C6A187
50.0%	50.0% #D4AC8C	RGB 212 172 140	#D4AC8C
66.7%	66.7% #E2B791	RGB 226 183 145	#E2B791
83.3%	83.3% #F0C395	RGB 240 195 149	#F0C395
100.0%	100.0% #FFCF99	RGB 255 207 153	#FFCF99

#AA8C7B #B89681 #C6A187 #D4AC8C #E2B791 #F0C395 #FFCF99

#AA8C7B - #D4AC8C - #FFCF99

CSS代码

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

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