#8C5C7E - #60152E | 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 #8C5C7E to #60152E

#8C5C7E #60152E

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

#8C5C7E - #60152E | 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 #8C5C7E as 0% and #60152E as 100%.

0.0%	0.0% #8C5C7E	RGB 140 92 126	#8C5C7E
16.7%	16.7% #845070	RGB 132 80 112	#845070
33.3%	33.3% #7D4463	RGB 125 68 99	#7D4463
50.0%	50.0% #763856	RGB 118 56 86	#763856
66.7%	66.7% #6E2C48	RGB 110 44 72	#6E2C48
83.3%	83.3% #67203B	RGB 103 32 59	#67203B
100.0%	100.0% #60152E	RGB 96 21 46	#60152E

#8C5C7E #845070 #7D4463 #763856 #6E2C48 #67203B #60152E

#8C5C7E - #60152E

HSV Blend

#8C5C7E - #60152E | 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 #8C5C7E as 0% and #60152E as 100%.

0.0%	0.0% #8C5C7E	RGB 140 92 126	#8C5C7E
16.7%	16.7% #844D71	RGB 132 77 113	#844D71
33.3%	33.3% #7D4063	RGB 125 64 99	#7D4063
50.0%	50.0% #763356	RGB 118 51 86	#763356
66.7%	66.7% #6E2848	RGB 110 40 72	#6E2848
83.3%	83.3% #671E3B	RGB 103 30 59	#671E3B
100.0%	100.0% #60152E	RGB 96 21 46	#60152E

#8C5C7E #844D71 #7D4063 #763356 #6E2848 #671E3B #60152E

#8C5C7E - #763356 - #60152E

CSS codes

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

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