#4A3E3E - #BA896E | 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 #4A3E3E to #BA896E

#4A3E3E #BA896E

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

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

0.0%	0.0% #4A3E3E	RGB 74 62 62	#4A3E3E
16.7%	16.7% #5C4A46	RGB 92 74 70	#5C4A46
33.3%	33.3% #6F574E	RGB 111 87 78	#6F574E
50.0%	50.0% #826356	RGB 130 99 86	#826356
66.7%	66.7% #94705E	RGB 148 112 94	#94705E
83.3%	83.3% #A77C66	RGB 167 124 102	#A77C66
100.0%	100.0% #BA896E	RGB 186 137 110	#BA896E

#4A3E3E #5C4A46 #6F574E #826356 #94705E #A77C66 #BA896E

#4A3E3E - #BA896E

HSV Blend

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

0.0%	0.0% #4A3E3E	RGB 74 62 62	#4A3E3E
16.7%	16.7% #5C4A49	RGB 92 74 73	#5C4A49
33.3%	33.3% #6F5754	RGB 111 87 84	#6F5754
50.0%	50.0% #82635C	RGB 130 99 92	#82635C
66.7%	66.7% #946F64	RGB 148 111 100	#946F64
83.3%	83.3% #A77C69	RGB 167 124 105	#A77C69
100.0%	100.0% #BA896E	RGB 186 137 110	#BA896E

#4A3E3E #5C4A49 #6F5754 #82635C #946F64 #A77C69 #BA896E

#4A3E3E - #82635C - #BA896E

CSS codes

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

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