#8C5E84 - #631333 | 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 #8C5E84 to #631333

#8C5E84 #631333

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

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

0.0%	0.0% #8C5E84	RGB 140 94 132	#8C5E84
16.7%	16.7% #855176	RGB 133 81 118	#855176
33.3%	33.3% #7E4569	RGB 126 69 105	#7E4569
50.0%	50.0% #77385B	RGB 119 56 91	#77385B
66.7%	66.7% #702C4E	RGB 112 44 78	#702C4E
83.3%	83.3% #691F40	RGB 105 31 64	#691F40
100.0%	100.0% #631333	RGB 99 19 51	#631333

#8C5E84 #855176 #7E4569 #77385B #702C4E #691F40 #631333

#8C5E84 - #631333

HSV Blend

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

0.0%	0.0% #8C5E84	RGB 140 94 132	#8C5E84
16.7%	16.7% #854E77	RGB 133 78 119	#854E77
33.3%	33.3% #7E406A	RGB 126 64 106	#7E406A
50.0%	50.0% #77335D	RGB 119 51 93	#77335D
66.7%	66.7% #70274F	RGB 112 39 79	#70274F
83.3%	83.3% #691C41	RGB 105 28 65	#691C41
100.0%	100.0% #631333	RGB 99 19 51	#631333

#8C5E84 #854E77 #7E406A #77335D #70274F #691C41 #631333

#8C5E84 - #77335D - #631333

CSS codes

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

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