#8C5E7D - #5F172E | 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 #8C5E7D to #5F172E

#8C5E7D #5F172E

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

#8C5E7D - #5F172E | 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 #8C5E7D as 0% and #5F172E as 100%.

0.0%	0.0% #8C5E7D	RGB 140 94 125	#8C5E7D
16.7%	16.7% #84526F	RGB 132 82 111	#84526F
33.3%	33.3% #7D4662	RGB 125 70 98	#7D4662
50.0%	50.0% #753A55	RGB 117 58 85	#753A55
66.7%	66.7% #6E2E48	RGB 110 46 72	#6E2E48
83.3%	83.3% #66223B	RGB 102 34 59	#66223B
100.0%	100.0% #5F172E	RGB 95 23 46	#5F172E

#8C5E7D #84526F #7D4662 #753A55 #6E2E48 #66223B #5F172E

#8C5E7D - #5F172E

HSV Blend

#8C5E7D - #5F172E | 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 #8C5E7D as 0% and #5F172E as 100%.

0.0%	0.0% #8C5E7D	RGB 140 94 125	#8C5E7D
16.7%	16.7% #844F70	RGB 132 79 112	#844F70
33.3%	33.3% #7D4262	RGB 125 66 98	#7D4262
50.0%	50.0% #753555	RGB 117 53 85	#753555
66.7%	66.7% #6E2A47	RGB 110 42 71	#6E2A47
83.3%	83.3% #66203A	RGB 102 32 58	#66203A
100.0%	100.0% #5F172E	RGB 95 23 46	#5F172E

#8C5E7D #844F70 #7D4262 #753555 #6E2A47 #66203A #5F172E

#8C5E7D - #753555 - #5F172E

CSS codes

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

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