#8C2BCE - #DF8DEB | 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 #8C2BCE to #DF8DEB

#8C2BCE #DF8DEB

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

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

0.0%	0.0% #8C2BCE	RGB 140 43 206	#8C2BCE
16.7%	16.7% #993BD2	RGB 153 59 210	#993BD2
33.3%	33.3% #A74BD7	RGB 167 75 215	#A74BD7
50.0%	50.0% #B55CDC	RGB 181 92 220	#B55CDC
66.7%	66.7% #C36CE1	RGB 195 108 225	#C36CE1
83.3%	83.3% #D17CE6	RGB 209 124 230	#D17CE6
100.0%	100.0% #DF8DEB	RGB 223 141 235	#DF8DEB

#8C2BCE #993BD2 #A74BD7 #B55CDC #C36CE1 #D17CE6 #DF8DEB

#8C2BCE - #DF8DEB

HSV Blend

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

0.0%	0.0% #8B2BCE	RGB 139 43 206	#8B2BCE
16.7%	16.7% #9B39D2	RGB 155 57 210	#9B39D2
33.3%	33.3% #AB49D7	RGB 171 73 215	#AB49D7
50.0%	50.0% #B959DC	RGB 185 89 220	#B959DC
66.7%	66.7% #C769E1	RGB 199 105 225	#C769E1
83.3%	83.3% #D37BE6	RGB 211 123 230	#D37BE6
100.0%	100.0% #DF8DEB	RGB 223 141 235	#DF8DEB

#8B2BCE #9B39D2 #AB49D7 #B959DC #C769E1 #D37BE6 #DF8DEB

#8C2BCE - #B959DC - #DF8DEB

CSS codes

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

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