#BA7E4C - #8D4112 | 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 #BA7E4C to #8D4112

#BA7E4C #8D4112

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

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

0.0%	0.0% #BA7E4C	RGB 186 126 76	#BA7E4C
16.7%	16.7% #B27342	RGB 178 115 66	#B27342
33.3%	33.3% #AB6938	RGB 171 105 56	#AB6938
50.0%	50.0% #A35F2F	RGB 163 95 47	#A35F2F
66.7%	66.7% #9C5525	RGB 156 85 37	#9C5525
83.3%	83.3% #944B1B	RGB 148 75 27	#944B1B
100.0%	100.0% #8D4112	RGB 141 65 18	#8D4112

#BA7E4C #B27342 #AB6938 #A35F2F #9C5525 #944B1B #8D4112

#BA7E4C - #8D4112

HSV Blend

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

0.0%	0.0% #BA7E4C	RGB 186 126 76	#BA7E4C
16.7%	16.7% #B27240	RGB 178 114 64	#B27240
33.3%	33.3% #AB6835	RGB 171 104 53	#AB6835
50.0%	50.0% #A35D2B	RGB 163 93 43	#A35D2B
66.7%	66.7% #9C5322	RGB 156 83 34	#9C5322
83.3%	83.3% #944A19	RGB 148 74 25	#944A19
100.0%	100.0% #8D4112	RGB 141 65 18	#8D4112

#BA7E4C #B27240 #AB6835 #A35D2B #9C5322 #944A19 #8D4112

#BA7E4C - #A35D2B - #8D4112

CSS codes

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

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