#D1B05C - #AA721A | colorate

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

Blend #D1B05C to #AA721A

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

RGB混合

#D1B05C - #AA721A | colorate

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

0.0%	0.0% #D1B05C	RGB 209 176 92	#D1B05C
16.7%	16.7% #CAA551	RGB 202 165 81	#CAA551
33.3%	33.3% #C49B46	RGB 196 155 70	#C49B46
50.0%	50.0% #BD913B	RGB 189 145 59	#BD913B
66.7%	66.7% #B78630	RGB 183 134 48	#B78630
83.3%	83.3% #B07C25	RGB 176 124 37	#B07C25
100.0%	100.0% #AA721A	RGB 170 114 26	#AA721A

#D1B05C #CAA551 #C49B46 #BD913B #B78630 #B07C25 #AA721A

#D1B05C - #AA721A

HSV混合

#D1B05C - #AA721A | colorate

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

0.0%	0.0% #D1B05C	RGB 209 176 92	#D1B05C
16.7%	16.7% #CAA54F	RGB 202 165 79	#CAA54F
33.3%	33.3% #C49B43	RGB 196 155 67	#C49B43
50.0%	50.0% #BD9038	RGB 189 144 56	#BD9038
66.7%	66.7% #B7862D	RGB 183 134 45	#B7862D
83.3%	83.3% #B07C23	RGB 176 124 35	#B07C23
100.0%	100.0% #AA721A	RGB 170 114 26	#AA721A

#D1B05C #CAA54F #C49B43 #BD9038 #B7862D #B07C23 #AA721A

#D1B05C - #BD9038 - #AA721A

CSS代码

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

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