#4A473C - #8F6368 | 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 #4A473C to #8F6368

#4A473C #8F6368

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

#4A473C - #8F6368 | 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 #4A473C as 0% and #8F6368 as 100%.

0.0%	0.0% #4A473C	RGB 74 71 60	#4A473C
16.7%	16.7% #554B43	RGB 85 75 67	#554B43
33.3%	33.3% #61504A	RGB 97 80 74	#61504A
50.0%	50.0% #6C5552	RGB 108 85 82	#6C5552
66.7%	66.7% #785959	RGB 120 89 89	#785959
83.3%	83.3% #835E60	RGB 131 94 96	#835E60
100.0%	100.0% #8F6368	RGB 143 99 104	#8F6368

#4A473C #554B43 #61504A #6C5552 #785959 #835E60 #8F6368

#4A473C - #8F6368

HSV Blend

#4A473C - #8F6368 | 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 #4A473C as 0% and #8F6368 as 100%.

0.0%	0.0% #4A473C	RGB 74 71 60	#4A473C
16.7%	16.7% #554E43	RGB 85 78 67	#554E43
33.3%	33.3% #61554A	RGB 97 85 74	#61554A
50.0%	50.0% #6C5A51	RGB 108 90 81	#6C5A51
66.7%	66.7% #785D57	RGB 120 93 87	#785D57
83.3%	83.3% #835F5D	RGB 131 95 93	#835F5D
100.0%	100.0% #8F6368	RGB 143 99 104	#8F6368

#4A473C #554E43 #61554A #6C5A51 #785D57 #835F5D #8F6368

#4A473C - #6C5A51 - #8F6368

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A473C 0%, #6C5A51 50%, #8F6368 100%);
    background: -webkit-linear-gradient(top, #4A473C 0%, #6C5A51 50%, #8F6368 100%);
    background: linear-gradient(to bottom, #4A473C 0%, #6C5A51 50%, #8F6368 100%);
}
</style>