#865BC1 - #DBD0ED | 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 #865BC1 to #DBD0ED

#865BC1 #DBD0ED

Calculate the color between two colors, #865BC1 and #DBD0ED. 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)

#865BC1 - #DBD0ED | 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 #865BC1 as 0% and #DBD0ED as 100%.

0.0%	0.0% #865BC1	RGB 134 91 193	#865BC1
16.7%	16.7% #946EC8	RGB 148 110 200	#946EC8
33.3%	33.3% #A282CF	RGB 162 130 207	#A282CF
50.0%	50.0% #B095D7	RGB 176 149 215	#B095D7
66.7%	66.7% #BEA9DE	RGB 190 169 222	#BEA9DE
83.3%	83.3% #CCBCE5	RGB 204 188 229	#CCBCE5
100.0%	100.0% #DBD0ED	RGB 219 208 237	#DBD0ED

#865BC1 #946EC8 #A282CF #B095D7 #BEA9DE #CCBCE5 #DBD0ED

#865BC1 - #DBD0ED

HSV Blend

#865BC1 - #DBD0ED | 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 #865BC1 as 0% and #DBD0ED as 100%.

0.0%	0.0% #865BC1	RGB 134 91 193	#865BC1
16.7%	16.7% #926CC8	RGB 146 108 200	#926CC8
33.3%	33.3% #9F7ECF	RGB 159 126 207	#9F7ECF
50.0%	50.0% #AD91D7	RGB 173 145 215	#AD91D7
66.7%	66.7% #BBA5DE	RGB 187 165 222	#BBA5DE
83.3%	83.3% #CABAE5	RGB 202 186 229	#CABAE5
100.0%	100.0% #DBD0ED	RGB 219 208 237	#DBD0ED

#865BC1 #926CC8 #9F7ECF #AD91D7 #BBA5DE #CABAE5 #DBD0ED

#865BC1 - #AD91D7 - #DBD0ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #865BC1 0%, #AD91D7 50%, #DBD0ED 100%);
    background: -webkit-linear-gradient(top, #865BC1 0%, #AD91D7 50%, #DBD0ED 100%);
    background: linear-gradient(to bottom, #865BC1 0%, #AD91D7 50%, #DBD0ED 100%);
}
</style>