#BA8B5E - #6C4D22 | 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 #BA8B5E to #6C4D22

#BA8B5E #6C4D22

Calculate the color between two colors, #BA8B5E and #6C4D22. 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)

#BA8B5E - #6C4D22 | 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 #BA8B5E as 0% and #6C4D22 as 100%.

0.0%	0.0% #BA8B5E	RGB 186 139 94	#BA8B5E
16.7%	16.7% #AD8054	RGB 173 128 84	#AD8054
33.3%	33.3% #A0764A	RGB 160 118 74	#A0764A
50.0%	50.0% #936C40	RGB 147 108 64	#936C40
66.7%	66.7% #866136	RGB 134 97 54	#866136
83.3%	83.3% #79572C	RGB 121 87 44	#79572C
100.0%	100.0% #6C4D22	RGB 108 77 34	#6C4D22

#BA8B5E #AD8054 #A0764A #936C40 #866136 #79572C #6C4D22

#BA8B5E - #6C4D22

HSV Blend

#BA8B5E - #6C4D22 | 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 #BA8B5E as 0% and #6C4D22 as 100%.

0.0%	0.0% #BA8B5E	RGB 186 139 94	#BA8B5E
16.7%	16.7% #AD7F51	RGB 173 127 81	#AD7F51
33.3%	33.3% #A07546	RGB 160 117 70	#A07546
50.0%	50.0% #936A3C	RGB 147 106 60	#936A3C
66.7%	66.7% #866032	RGB 134 96 50	#866032
83.3%	83.3% #795629	RGB 121 86 41	#795629
100.0%	100.0% #6C4D22	RGB 108 77 34	#6C4D22

#BA8B5E #AD7F51 #A07546 #936A3C #866032 #795629 #6C4D22

#BA8B5E - #936A3C - #6C4D22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA8B5E 0%, #936A3C 50%, #6C4D22 100%);
    background: -webkit-linear-gradient(top, #BA8B5E 0%, #936A3C 50%, #6C4D22 100%);
    background: linear-gradient(to bottom, #BA8B5E 0%, #936A3C 50%, #6C4D22 100%);
}
</style>