#B6B676 - #8A802A | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #B6B676 to #8A802A

#B6B676 #8A802A

Calculate the color between two colors, #B6B676 and #8A802A. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#B6B676 - #8A802A | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #B6B676 as 0% and #8A802A as 100%.

0.0%	0.0% #B6B676	RGB 182 182 118	#B6B676
16.7%	16.7% #AEAD69	RGB 174 173 105	#AEAD69
33.3%	33.3% #A7A45C	RGB 167 164 92	#A7A45C
50.0%	50.0% #A09B50	RGB 160 155 80	#A09B50
66.7%	66.7% #989243	RGB 152 146 67	#989243
83.3%	83.3% #918936	RGB 145 137 54	#918936
100.0%	100.0% #8A802A	RGB 138 128 42	#8A802A

#B6B676 #AEAD69 #A7A45C #A09B50 #989243 #918936 #8A802A

#B6B676 - #8A802A

HSV Blend

#B6B676 - #8A802A | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #B6B676 as 0% and #8A802A as 100%.

0.0%	0.0% #B6B676	RGB 182 182 118	#B6B676
16.7%	16.7% #AEAD67	RGB 174 173 103	#AEAD67
33.3%	33.3% #A7A459	RGB 167 164 89	#A7A459
50.0%	50.0% #A09B4C	RGB 160 155 76	#A09B4C
66.7%	66.7% #98923F	RGB 152 146 63	#98923F
83.3%	83.3% #918934	RGB 145 137 52	#918934
100.0%	100.0% #8A802A	RGB 138 128 42	#8A802A

#B6B676 #AEAD67 #A7A459 #A09B4C #98923F #918934 #8A802A

#B6B676 - #A09B4C - #8A802A

CSS codes

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

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