#B6B062 - #8B771E | 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 #B6B062 to #8B771E

#B6B062 #8B771E

Calculate the color between two colors, #B6B062 and #8B771E. 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)

#B6B062 - #8B771E | 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 #B6B062 as 0% and #8B771E as 100%.

0.0%	0.0% #B6B062	RGB 182 176 98	#B6B062
16.7%	16.7% #AEA656	RGB 174 166 86	#AEA656
33.3%	33.3% #A79D4B	RGB 167 157 75	#A79D4B
50.0%	50.0% #A09340	RGB 160 147 64	#A09340
66.7%	66.7% #998A34	RGB 153 138 52	#998A34
83.3%	83.3% #928029	RGB 146 128 41	#928029
100.0%	100.0% #8B771E	RGB 139 119 30	#8B771E

#B6B062 #AEA656 #A79D4B #A09340 #998A34 #928029 #8B771E

#B6B062 - #8B771E

HSV Blend

#B6B062 - #8B771E | 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 #B6B062 as 0% and #8B771E as 100%.

0.0%	0.0% #B6B062	RGB 182 176 98	#B6B062
16.7%	16.7% #AEA654	RGB 174 166 84	#AEA654
33.3%	33.3% #A79D48	RGB 167 157 72	#A79D48
50.0%	50.0% #A0933C	RGB 160 147 60	#A0933C
66.7%	66.7% #998A31	RGB 153 138 49	#998A31
83.3%	83.3% #928027	RGB 146 128 39	#928027
100.0%	100.0% #8B771E	RGB 139 119 30	#8B771E

#B6B062 #AEA654 #A79D48 #A0933C #998A31 #928027 #8B771E

#B6B062 - #A0933C - #8B771E

CSS codes

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

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