#BD6CEB - #8FB0FF | 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 #BD6CEB to #8FB0FF

#BD6CEB #8FB0FF

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

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

0.0%	0.0% #BD6CEB	RGB 189 108 235	#BD6CEB
16.7%	16.7% #B577EE	RGB 181 119 238	#B577EE
33.3%	33.3% #AD82F1	RGB 173 130 241	#AD82F1
50.0%	50.0% #A68EF5	RGB 166 142 245	#A68EF5
66.7%	66.7% #9E99F8	RGB 158 153 248	#9E99F8
83.3%	83.3% #96A4FB	RGB 150 164 251	#96A4FB
100.0%	100.0% #8FB0FF	RGB 143 176 255	#8FB0FF

#BD6CEB #B577EE #AD82F1 #A68EF5 #9E99F8 #96A4FB #8FB0FF

#BD6CEB - #8FB0FF

HSV Blend

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

0.0%	0.0% #BC6CEB	RGB 188 108 235	#BC6CEB
16.7%	16.7% #AD71EE	RGB 173 113 238	#AD71EE
33.3%	33.3% #9F77F1	RGB 159 119 241	#9F77F1
50.0%	50.0% #917CF5	RGB 145 124 245	#917CF5
66.7%	66.7% #8482F8	RGB 132 130 248	#8482F8
83.3%	83.3% #8898FB	RGB 136 152 251	#8898FB
100.0%	100.0% #8FB0FF	RGB 143 176 255	#8FB0FF

#BC6CEB #AD71EE #9F77F1 #917CF5 #8482F8 #8898FB #8FB0FF

#BD6CEB - #917CF5 - #8FB0FF

CSS codes

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

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