#8C3C23 - #561B08 | 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 #8C3C23 to #561B08

#8C3C23 #561B08

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

#8C3C23 - #561B08 | 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 #8C3C23 as 0% and #561B08 as 100%.

0.0%	0.0% #8C3C23	RGB 140 60 35	#8C3C23
16.7%	16.7% #83361E	RGB 131 54 30	#83361E
33.3%	33.3% #7A311A	RGB 122 49 26	#7A311A
50.0%	50.0% #712B15	RGB 113 43 21	#712B15
66.7%	66.7% #682611	RGB 104 38 17	#682611
83.3%	83.3% #5F200C	RGB 95 32 12	#5F200C
100.0%	100.0% #561B08	RGB 86 27 8	#561B08

#8C3C23 #83361E #7A311A #712B15 #682611 #5F200C #561B08

#8C3C23 - #561B08

HSV Blend

#8C3C23 - #561B08 | 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 #8C3C23 as 0% and #561B08 as 100%.

0.0%	0.0% #8C3C23	RGB 140 60 35	#8C3C23
16.7%	16.7% #83351D	RGB 131 53 29	#83351D
33.3%	33.3% #7A2F18	RGB 122 47 24	#7A2F18
50.0%	50.0% #712913	RGB 113 41 19	#712913
66.7%	66.7% #68240F	RGB 104 36 15	#68240F
83.3%	83.3% #5F1F0B	RGB 95 31 11	#5F1F0B
100.0%	100.0% #561B08	RGB 86 27 8	#561B08

#8C3C23 #83351D #7A2F18 #712913 #68240F #5F1F0B #561B08

#8C3C23 - #712913 - #561B08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C3C23 0%, #712913 50%, #561B08 100%);
    background: -webkit-linear-gradient(top, #8C3C23 0%, #712913 50%, #561B08 100%);
    background: linear-gradient(to bottom, #8C3C23 0%, #712913 50%, #561B08 100%);
}
</style>