#8C5E8F - #402641 | 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 #8C5E8F to #402641

#8C5E8F #402641

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

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

0.0%	0.0% #8C5E8F	RGB 140 94 143	#8C5E8F
16.7%	16.7% #7F5482	RGB 127 84 130	#7F5482
33.3%	33.3% #724B75	RGB 114 75 117	#724B75
50.0%	50.0% #664268	RGB 102 66 104	#664268
66.7%	66.7% #59385B	RGB 89 56 91	#59385B
83.3%	83.3% #4C2F4E	RGB 76 47 78	#4C2F4E
100.0%	100.0% #402641	RGB 64 38 65	#402641

#8C5E8F #7F5482 #724B75 #664268 #59385B #4C2F4E #402641

#8C5E8F - #402641

HSV Blend

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

0.0%	0.0% #8C5E8F	RGB 140 94 143	#8C5E8F
16.7%	16.7% #7F5382	RGB 127 83 130	#7F5382
33.3%	33.3% #724A75	RGB 114 74 117	#724A75
50.0%	50.0% #664068	RGB 102 64 104	#664068
66.7%	66.7% #59375B	RGB 89 55 91	#59375B
83.3%	83.3% #4C2E4E	RGB 76 46 78	#4C2E4E
100.0%	100.0% #402641	RGB 64 38 65	#402641

#8C5E8F #7F5382 #724A75 #664068 #59375B #4C2E4E #402641

#8C5E8F - #664068 - #402641

CSS codes

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

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