#8C5E80 - #521F3C | 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 #8C5E80 to #521F3C

#8C5E80 #521F3C

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

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

0.0%	0.0% #8C5E80	RGB 140 94 128	#8C5E80
16.7%	16.7% #825374	RGB 130 83 116	#825374
33.3%	33.3% #784969	RGB 120 73 105	#784969
50.0%	50.0% #6F3E5E	RGB 111 62 94	#6F3E5E
66.7%	66.7% #653452	RGB 101 52 82	#653452
83.3%	83.3% #5B2947	RGB 91 41 71	#5B2947
100.0%	100.0% #521F3C	RGB 82 31 60	#521F3C

#8C5E80 #825374 #784969 #6F3E5E #653452 #5B2947 #521F3C

#8C5E80 - #521F3C

HSV Blend

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

0.0%	0.0% #8C5E80	RGB 140 94 128	#8C5E80
16.7%	16.7% #825174	RGB 130 81 116	#825174
33.3%	33.3% #784568	RGB 120 69 104	#784568
50.0%	50.0% #6F3A5C	RGB 111 58 92	#6F3A5C
66.7%	66.7% #653051	RGB 101 48 81	#653051
83.3%	83.3% #5B2746	RGB 91 39 70	#5B2746
100.0%	100.0% #521F3C	RGB 82 31 60	#521F3C

#8C5E80 #825174 #784568 #6F3A5C #653051 #5B2746 #521F3C

#8C5E80 - #6F3A5C - #521F3C

CSS codes

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

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