#BA8F5E - #76641F | 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 #BA8F5E to #76641F

#BA8F5E #76641F

Calculate the color between two colors, #BA8F5E and #76641F. 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)

#BA8F5E - #76641F | 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 #BA8F5E as 0% and #76641F as 100%.

0.0%	0.0% #BA8F5E	RGB 186 143 94	#BA8F5E
16.7%	16.7% #AE8753	RGB 174 135 83	#AE8753
33.3%	33.3% #A38049	RGB 163 128 73	#A38049
50.0%	50.0% #98793E	RGB 152 121 62	#98793E
66.7%	66.7% #8C7234	RGB 140 114 52	#8C7234
83.3%	83.3% #816B29	RGB 129 107 41	#816B29
100.0%	100.0% #76641F	RGB 118 100 31	#76641F

#BA8F5E #AE8753 #A38049 #98793E #8C7234 #816B29 #76641F

#BA8F5E - #76641F

HSV Blend

#BA8F5E - #76641F | 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 #BA8F5E as 0% and #76641F as 100%.

0.0%	0.0% #BA8F5E	RGB 186 143 94	#BA8F5E
16.7%	16.7% #AE8751	RGB 174 135 81	#AE8751
33.3%	33.3% #A37F45	RGB 163 127 69	#A37F45
50.0%	50.0% #98783A	RGB 152 120 58	#98783A
66.7%	66.7% #8C7130	RGB 140 113 48	#8C7130
83.3%	83.3% #816A27	RGB 129 106 39	#816A27
100.0%	100.0% #76641F	RGB 118 100 31	#76641F

#BA8F5E #AE8751 #A37F45 #98783A #8C7130 #816A27 #76641F

#BA8F5E - #98783A - #76641F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA8F5E 0%, #98783A 50%, #76641F 100%);
    background: -webkit-linear-gradient(top, #BA8F5E 0%, #98783A 50%, #76641F 100%);
    background: linear-gradient(to bottom, #BA8F5E 0%, #98783A 50%, #76641F 100%);
}
</style>