#873CBA - #DCC7EB | 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 #873CBA to #DCC7EB

#873CBA #DCC7EB

Calculate the color between two colors, #873CBA and #DCC7EB. 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)

#873CBA - #DCC7EB | 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 #873CBA as 0% and #DCC7EB as 100%.

0.0%	0.0% #873CBA	RGB 135 60 186	#873CBA
16.7%	16.7% #9553C2	RGB 149 83 194	#9553C2
33.3%	33.3% #A36ACA	RGB 163 106 202	#A36ACA
50.0%	50.0% #B181D2	RGB 177 129 210	#B181D2
66.7%	66.7% #BF98DA	RGB 191 152 218	#BF98DA
83.3%	83.3% #CDAFE2	RGB 205 175 226	#CDAFE2
100.0%	100.0% #DCC7EB	RGB 220 199 235	#DCC7EB

#873CBA #9553C2 #A36ACA #B181D2 #BF98DA #CDAFE2 #DCC7EB

#873CBA - #DCC7EB

HSV Blend

#873CBA - #DCC7EB | 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 #873CBA as 0% and #DCC7EB as 100%.

0.0%	0.0% #873CBA	RGB 135 60 186	#873CBA
16.7%	16.7% #934FC2	RGB 147 79 194	#934FC2
33.3%	33.3% #A064CA	RGB 160 100 202	#A064CA
50.0%	50.0% #AE7BD2	RGB 174 123 210	#AE7BD2
66.7%	66.7% #BD92DA	RGB 189 146 218	#BD92DA
83.3%	83.3% #CCACE2	RGB 204 172 226	#CCACE2
100.0%	100.0% #DCC7EB	RGB 220 199 235	#DCC7EB

#873CBA #934FC2 #A064CA #AE7BD2 #BD92DA #CCACE2 #DCC7EB

#873CBA - #AE7BD2 - #DCC7EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #873CBA 0%, #AE7BD2 50%, #DCC7EB 100%);
    background: -webkit-linear-gradient(top, #873CBA 0%, #AE7BD2 50%, #DCC7EB 100%);
    background: linear-gradient(to bottom, #873CBA 0%, #AE7BD2 50%, #DCC7EB 100%);
}
</style>