#8C7B5A - #554114 | 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 #8C7B5A to #554114

#8C7B5A #554114

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

#8C7B5A - #554114 | 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 #8C7B5A as 0% and #554114 as 100%.

0.0%	0.0% #8C7B5A	RGB 140 123 90	#8C7B5A
16.7%	16.7% #82714E	RGB 130 113 78	#82714E
33.3%	33.3% #796742	RGB 121 103 66	#796742
50.0%	50.0% #705E37	RGB 112 94 55	#705E37
66.7%	66.7% #67542B	RGB 103 84 43	#67542B
83.3%	83.3% #5E4A1F	RGB 94 74 31	#5E4A1F
100.0%	100.0% #554114	RGB 85 65 20	#554114

#8C7B5A #82714E #796742 #705E37 #67542B #5E4A1F #554114

#8C7B5A - #554114

HSV Blend

#8C7B5A - #554114 | 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 #8C7B5A as 0% and #554114 as 100%.

0.0%	0.0% #8C7B5A	RGB 140 123 90	#8C7B5A
16.7%	16.7% #82704B	RGB 130 112 75	#82704B
33.3%	33.3% #79653D	RGB 121 101 61	#79653D
50.0%	50.0% #705C31	RGB 112 92 49	#705C31
66.7%	66.7% #675226	RGB 103 82 38	#675226
83.3%	83.3% #5E491C	RGB 94 73 28	#5E491C
100.0%	100.0% #554114	RGB 85 65 20	#554114

#8C7B5A #82704B #79653D #705C31 #675226 #5E491C #554114

#8C7B5A - #705C31 - #554114

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7B5A 0%, #705C31 50%, #554114 100%);
    background: -webkit-linear-gradient(top, #8C7B5A 0%, #705C31 50%, #554114 100%);
    background: linear-gradient(to bottom, #8C7B5A 0%, #705C31 50%, #554114 100%);
}
</style>