#8C3CBA - #DDC7EB | 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 #8C3CBA to #DDC7EB

#8C3CBA #DDC7EB

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

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

0.0%	0.0% #8C3CBA	RGB 140 60 186	#8C3CBA
16.7%	16.7% #9953C2	RGB 153 83 194	#9953C2
33.3%	33.3% #A76ACA	RGB 167 106 202	#A76ACA
50.0%	50.0% #B481D2	RGB 180 129 210	#B481D2
66.7%	66.7% #C298DA	RGB 194 152 218	#C298DA
83.3%	83.3% #CFAFE2	RGB 207 175 226	#CFAFE2
100.0%	100.0% #DDC7EB	RGB 221 199 235	#DDC7EB

#8C3CBA #9953C2 #A76ACA #B481D2 #C298DA #CFAFE2 #DDC7EB

#8C3CBA - #DDC7EB

HSV Blend

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

0.0%	0.0% #8C3CBA	RGB 140 60 186	#8C3CBA
16.7%	16.7% #974FC2	RGB 151 79 194	#974FC2
33.3%	33.3% #A464CA	RGB 164 100 202	#A464CA
50.0%	50.0% #B17BD2	RGB 177 123 210	#B17BD2
66.7%	66.7% #BF92DA	RGB 191 146 218	#BF92DA
83.3%	83.3% #CDACE2	RGB 205 172 226	#CDACE2
100.0%	100.0% #DDC7EB	RGB 221 199 235	#DDC7EB

#8C3CBA #974FC2 #A464CA #B17BD2 #BF92DA #CDACE2 #DDC7EB

#8C3CBA - #B17BD2 - #DDC7EB

CSS codes

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

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