#8C5E70 - #511F2A | 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 #8C5E70 to #511F2A

#8C5E70 #511F2A

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

#8C5E70 - #511F2A | 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 #8C5E70 as 0% and #511F2A as 100%.

0.0%	0.0% #8C5E70	RGB 140 94 112	#8C5E70
16.7%	16.7% #825364	RGB 130 83 100	#825364
33.3%	33.3% #784958	RGB 120 73 88	#784958
50.0%	50.0% #6E3E4D	RGB 110 62 77	#6E3E4D
66.7%	66.7% #643441	RGB 100 52 65	#643441
83.3%	83.3% #5A2935	RGB 90 41 53	#5A2935
100.0%	100.0% #511F2A	RGB 81 31 42	#511F2A

#8C5E70 #825364 #784958 #6E3E4D #643441 #5A2935 #511F2A

#8C5E70 - #511F2A

HSV Blend

#8C5E70 - #511F2A | 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 #8C5E70 as 0% and #511F2A as 100%.

0.0%	0.0% #8C5E70	RGB 140 94 112	#8C5E70
16.7%	16.7% #825162	RGB 130 81 98	#825162
33.3%	33.3% #784556	RGB 120 69 86	#784556
50.0%	50.0% #6E3A4A	RGB 110 58 74	#6E3A4A
66.7%	66.7% #64303E	RGB 100 48 62	#64303E
83.3%	83.3% #5A2733	RGB 90 39 51	#5A2733
100.0%	100.0% #511F2A	RGB 81 31 42	#511F2A

#8C5E70 #825162 #784556 #6E3A4A #64303E #5A2733 #511F2A

#8C5E70 - #6E3A4A - #511F2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E70 0%, #6E3A4A 50%, #511F2A 100%);
    background: -webkit-linear-gradient(top, #8C5E70 0%, #6E3A4A 50%, #511F2A 100%);
    background: linear-gradient(to bottom, #8C5E70 0%, #6E3A4A 50%, #511F2A 100%);
}
</style>