#8C5F2B - #5E2C09 | 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 #8C5F2B to #5E2C09

#8C5F2B #5E2C09

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

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

0.0%	0.0% #8C5F2B	RGB 140 95 43	#8C5F2B
16.7%	16.7% #845625	RGB 132 86 37	#845625
33.3%	33.3% #7C4E1F	RGB 124 78 31	#7C4E1F
50.0%	50.0% #75451A	RGB 117 69 26	#75451A
66.7%	66.7% #6D3D14	RGB 109 61 20	#6D3D14
83.3%	83.3% #65340E	RGB 101 52 14	#65340E
100.0%	100.0% #5E2C09	RGB 94 44 9	#5E2C09

#8C5F2B #845625 #7C4E1F #75451A #6D3D14 #65340E #5E2C09

#8C5F2B - #5E2C09

HSV Blend

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

0.0%	0.0% #8C5F2B	RGB 140 95 43	#8C5F2B
16.7%	16.7% #845523	RGB 132 85 35	#845523
33.3%	33.3% #7C4C1D	RGB 124 76 29	#7C4C1D
50.0%	50.0% #754317	RGB 117 67 23	#754317
66.7%	66.7% #6D3B12	RGB 109 59 18	#6D3B12
83.3%	83.3% #65330D	RGB 101 51 13	#65330D
100.0%	100.0% #5E2C09	RGB 94 44 9	#5E2C09

#8C5F2B #845523 #7C4C1D #754317 #6D3B12 #65330D #5E2C09

#8C5F2B - #754317 - #5E2C09

CSS codes

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

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