#8C7D2B - #5E460A | 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 #8C7D2B to #5E460A

#8C7D2B #5E460A

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

#8C7D2B - #5E460A | 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 #8C7D2B as 0% and #5E460A as 100%.

0.0%	0.0% #8C7D2B	RGB 140 125 43	#8C7D2B
16.7%	16.7% #847325	RGB 132 115 37	#847325
33.3%	33.3% #7C6A20	RGB 124 106 32	#7C6A20
50.0%	50.0% #75611A	RGB 117 97 26	#75611A
66.7%	66.7% #6D5815	RGB 109 88 21	#6D5815
83.3%	83.3% #654F0F	RGB 101 79 15	#654F0F
100.0%	100.0% #5E460A	RGB 94 70 10	#5E460A

#8C7D2B #847325 #7C6A20 #75611A #6D5815 #654F0F #5E460A

#8C7D2B - #5E460A

HSV Blend

#8C7D2B - #5E460A | 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 #8C7D2B as 0% and #5E460A as 100%.

0.0%	0.0% #8C7D2B	RGB 140 125 43	#8C7D2B
16.7%	16.7% #847324	RGB 132 115 36	#847324
33.3%	33.3% #7C691D	RGB 124 105 29	#7C691D
50.0%	50.0% #756018	RGB 117 96 24	#756018
66.7%	66.7% #6D5712	RGB 109 87 18	#6D5712
83.3%	83.3% #654E0E	RGB 101 78 14	#654E0E
100.0%	100.0% #5E460A	RGB 94 70 10	#5E460A

#8C7D2B #847324 #7C691D #756018 #6D5712 #654E0E #5E460A

#8C7D2B - #756018 - #5E460A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7D2B 0%, #756018 50%, #5E460A 100%);
    background: -webkit-linear-gradient(top, #8C7D2B 0%, #756018 50%, #5E460A 100%);
    background: linear-gradient(to bottom, #8C7D2B 0%, #756018 50%, #5E460A 100%);
}
</style>