#4B3E3C - #BA886A | 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 #4B3E3C to #BA886A

#4B3E3C #BA886A

Calculate the color between two colors, #4B3E3C and #BA886A. 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)

#4B3E3C - #BA886A | 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 #4B3E3C as 0% and #BA886A as 100%.

0.0%	0.0% #4B3E3C	RGB 75 62 60	#4B3E3C
16.7%	16.7% #5D4A43	RGB 93 74 67	#5D4A43
33.3%	33.3% #70564B	RGB 112 86 75	#70564B
50.0%	50.0% #826353	RGB 130 99 83	#826353
66.7%	66.7% #956F5A	RGB 149 111 90	#956F5A
83.3%	83.3% #A77B62	RGB 167 123 98	#A77B62
100.0%	100.0% #BA886A	RGB 186 136 106	#BA886A

#4B3E3C #5D4A43 #70564B #826353 #956F5A #A77B62 #BA886A

#4B3E3C - #BA886A

HSV Blend

#4B3E3C - #BA886A | 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 #4B3E3C as 0% and #BA886A as 100%.

0.0%	0.0% #4B3E3C	RGB 75 62 60	#4B3E3C
16.7%	16.7% #5D4B47	RGB 93 75 71	#5D4B47
33.3%	33.3% #705751	RGB 112 87 81	#705751
50.0%	50.0% #826359	RGB 130 99 89	#826359
66.7%	66.7% #956F60	RGB 149 111 96	#956F60
83.3%	83.3% #A77B65	RGB 167 123 101	#A77B65
100.0%	100.0% #BA886A	RGB 186 136 106	#BA886A

#4B3E3C #5D4B47 #705751 #826359 #956F60 #A77B65 #BA886A

#4B3E3C - #826359 - #BA886A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B3E3C 0%, #826359 50%, #BA886A 100%);
    background: -webkit-linear-gradient(top, #4B3E3C 0%, #826359 50%, #BA886A 100%);
    background: linear-gradient(to bottom, #4B3E3C 0%, #826359 50%, #BA886A 100%);
}
</style>