#8C5E72 - #521F2D | 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 #8C5E72 to #521F2D

#8C5E72 #521F2D

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

#8C5E72 - #521F2D | 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 #8C5E72 as 0% and #521F2D as 100%.

0.0%	0.0% #8C5E72	RGB 140 94 114	#8C5E72
16.7%	16.7% #825366	RGB 130 83 102	#825366
33.3%	33.3% #78495B	RGB 120 73 91	#78495B
50.0%	50.0% #6F3E4F	RGB 111 62 79	#6F3E4F
66.7%	66.7% #653444	RGB 101 52 68	#653444
83.3%	83.3% #5B2938	RGB 91 41 56	#5B2938
100.0%	100.0% #521F2D	RGB 82 31 45	#521F2D

#8C5E72 #825366 #78495B #6F3E4F #653444 #5B2938 #521F2D

#8C5E72 - #521F2D

HSV Blend

#8C5E72 - #521F2D | 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 #8C5E72 as 0% and #521F2D as 100%.

0.0%	0.0% #8C5E72	RGB 140 94 114	#8C5E72
16.7%	16.7% #825165	RGB 130 81 101	#825165
33.3%	33.3% #784558	RGB 120 69 88	#784558
50.0%	50.0% #6F3A4C	RGB 111 58 76	#6F3A4C
66.7%	66.7% #653041	RGB 101 48 65	#653041
83.3%	83.3% #5B2736	RGB 91 39 54	#5B2736
100.0%	100.0% #521F2D	RGB 82 31 45	#521F2D

#8C5E72 #825165 #784558 #6F3A4C #653041 #5B2736 #521F2D

#8C5E72 - #6F3A4C - #521F2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E72 0%, #6F3A4C 50%, #521F2D 100%);
    background: -webkit-linear-gradient(top, #8C5E72 0%, #6F3A4C 50%, #521F2D 100%);
    background: linear-gradient(to bottom, #8C5E72 0%, #6F3A4C 50%, #521F2D 100%);
}
</style>