#8C516E - #ED9F8C | 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 #8C516E to #ED9F8C

#8C516E #ED9F8C

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

#8C516E - #ED9F8C | 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 #8C516E as 0% and #ED9F8C as 100%.

0.0%	0.0% #8C516E	RGB 140 81 110	#8C516E
16.7%	16.7% #9C5E73	RGB 156 94 115	#9C5E73
33.3%	33.3% #AC6B78	RGB 172 107 120	#AC6B78
50.0%	50.0% #BC787D	RGB 188 120 125	#BC787D
66.7%	66.7% #CC8582	RGB 204 133 130	#CC8582
83.3%	83.3% #DC9287	RGB 220 146 135	#DC9287
100.0%	100.0% #ED9F8C	RGB 237 159 140	#ED9F8C

#8C516E #9C5E73 #AC6B78 #BC787D #CC8582 #DC9287 #ED9F8C

#8C516E - #ED9F8C

HSV Blend

#8C516E - #ED9F8C | 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 #8C516E as 0% and #ED9F8C as 100%.

0.0%	0.0% #8C516E	RGB 140 81 110	#8C516E
16.7%	16.7% #9C5A73	RGB 156 90 115	#9C5A73
33.3%	33.3% #AC6477	RGB 172 100 119	#AC6477
50.0%	50.0% #BC6E79	RGB 188 110 121	#BC6E79
66.7%	66.7% #CC787A	RGB 204 120 122	#CC787A
83.3%	83.3% #DC8982	RGB 220 137 130	#DC8982
100.0%	100.0% #ED9F8C	RGB 237 159 140	#ED9F8C

#8C516E #9C5A73 #AC6477 #BC6E79 #CC787A #DC8982 #ED9F8C

#8C516E - #BC6E79 - #ED9F8C

CSS codes

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

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