#BA6541 - #8C280F | 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 #BA6541 to #8C280F

#BA6541 #8C280F

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

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

0.0%	0.0% #BA6541	RGB 186 101 65	#BA6541
16.7%	16.7% #B25A38	RGB 178 90 56	#B25A38
33.3%	33.3% #AA5030	RGB 170 80 48	#AA5030
50.0%	50.0% #A34628	RGB 163 70 40	#A34628
66.7%	66.7% #9B3C1F	RGB 155 60 31	#9B3C1F
83.3%	83.3% #933217	RGB 147 50 23	#933217
100.0%	100.0% #8C280F	RGB 140 40 15	#8C280F

#BA6541 #B25A38 #AA5030 #A34628 #9B3C1F #933217 #8C280F

#BA6541 - #8C280F

HSV Blend

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

0.0%	0.0% #BA6541	RGB 186 101 65	#BA6541
16.7%	16.7% #B25937	RGB 178 89 55	#B25937
33.3%	33.3% #AA4E2D	RGB 170 78 45	#AA4E2D
50.0%	50.0% #A34425	RGB 163 68 37	#A34425
66.7%	66.7% #9B3A1D	RGB 155 58 29	#9B3A1D
83.3%	83.3% #933115	RGB 147 49 21	#933115
100.0%	100.0% #8C280F	RGB 140 40 15	#8C280F

#BA6541 #B25937 #AA4E2D #A34425 #9B3A1D #933115 #8C280F

#BA6541 - #A34425 - #8C280F

CSS codes

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

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