#4C3E3E - #BB896D | 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 #4C3E3E to #BB896D

#4C3E3E #BB896D

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

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

0.0%	0.0% #4C3E3E	RGB 76 62 62	#4C3E3E
16.7%	16.7% #5E4A45	RGB 94 74 69	#5E4A45
33.3%	33.3% #71574D	RGB 113 87 77	#71574D
50.0%	50.0% #836355	RGB 131 99 85	#836355
66.7%	66.7% #96705D	RGB 150 112 93	#96705D
83.3%	83.3% #A87C65	RGB 168 124 101	#A87C65
100.0%	100.0% #BB896D	RGB 187 137 109	#BB896D

#4C3E3E #5E4A45 #71574D #836355 #96705D #A87C65 #BB896D

#4C3E3E - #BB896D

HSV Blend

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

0.0%	0.0% #4C3E3E	RGB 76 62 62	#4C3E3E
16.7%	16.7% #5E4A49	RGB 94 74 73	#5E4A49
33.3%	33.3% #715653	RGB 113 86 83	#715653
50.0%	50.0% #83635B	RGB 131 99 91	#83635B
66.7%	66.7% #966F63	RGB 150 111 99	#966F63
83.3%	83.3% #A87B68	RGB 168 123 104	#A87B68
100.0%	100.0% #BB896D	RGB 187 137 109	#BB896D

#4C3E3E #5E4A49 #715653 #83635B #966F63 #A87B68 #BB896D

#4C3E3E - #83635B - #BB896D

CSS codes

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

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