#B966DA - #E7BCD5 | 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 #B966DA to #E7BCD5

#B966DA #E7BCD5

Calculate the color between two colors, #B966DA and #E7BCD5. 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)

#B966DA - #E7BCD5 | 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 #B966DA as 0% and #E7BCD5 as 100%.

0.0%	0.0% #B966DA	RGB 185 102 218	#B966DA
16.7%	16.7% #C074D9	RGB 192 116 217	#C074D9
33.3%	33.3% #C882D8	RGB 200 130 216	#C882D8
50.0%	50.0% #D091D7	RGB 208 145 215	#D091D7
66.7%	66.7% #D79FD6	RGB 215 159 214	#D79FD6
83.3%	83.3% #DFADD5	RGB 223 173 213	#DFADD5
100.0%	100.0% #E7BCD5	RGB 231 188 213	#E7BCD5

#B966DA #C074D9 #C882D8 #D091D7 #D79FD6 #DFADD5 #E7BCD5

#B966DA - #E7BCD5

HSV Blend

#B966DA - #E7BCD5 | 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 #B966DA as 0% and #E7BCD5 as 100%.

0.0%	0.0% #B966DA	RGB 185 102 218	#B966DA
16.7%	16.7% #CA73DC	RGB 202 115 220	#CA73DC
33.3%	33.3% #D981DE	RGB 217 129 222	#D981DE
50.0%	50.0% #E08FDB	RGB 224 143 219	#E08FDB
66.7%	66.7% #E29ED6	RGB 226 158 214	#E29ED6
83.3%	83.3% #E4ADD4	RGB 228 173 212	#E4ADD4
100.0%	100.0% #E7BCD5	RGB 231 188 213	#E7BCD5

#B966DA #CA73DC #D981DE #E08FDB #E29ED6 #E4ADD4 #E7BCD5

#B966DA - #E08FDB - #E7BCD5

CSS codes

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

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