#FBD0FF - #BC70CD | 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 #FBD0FF to #BC70CD

#FBD0FF #BC70CD

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

#FBD0FF - #BC70CD | 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 #FBD0FF as 0% and #BC70CD as 100%.

0.0%	0.0% #FBD0FF	RGB 251 208 255	#FBD0FF
16.7%	16.7% #F0C0F6	RGB 240 192 246	#F0C0F6
33.3%	33.3% #E6B0EE	RGB 230 176 238	#E6B0EE
50.0%	50.0% #DBA0E6	RGB 219 160 230	#DBA0E6
66.7%	66.7% #D190DD	RGB 209 144 221	#D190DD
83.3%	83.3% #C680D5	RGB 198 128 213	#C680D5
100.0%	100.0% #BC70CD	RGB 188 112 205	#BC70CD

#FBD0FF #F0C0F6 #E6B0EE #DBA0E6 #D190DD #C680D5 #BC70CD

#FBD0FF - #BC70CD

HSV Blend

#FBD0FF - #BC70CD | 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 #FBD0FF as 0% and #BC70CD as 100%.

0.0%	0.0% #FBD0FF	RGB 251 208 255	#FBD0FF
16.7%	16.7% #F0BEF6	RGB 240 190 246	#F0BEF6
33.3%	33.3% #E6ADEE	RGB 230 173 238	#E6ADEE
50.0%	50.0% #DC9CE6	RGB 220 156 230	#DC9CE6
66.7%	66.7% #D18DDD	RGB 209 141 221	#D18DDD
83.3%	83.3% #C67ED5	RGB 198 126 213	#C67ED5
100.0%	100.0% #BC70CD	RGB 188 112 205	#BC70CD

#FBD0FF #F0BEF6 #E6ADEE #DC9CE6 #D18DDD #C67ED5 #BC70CD

#FBD0FF - #DC9CE6 - #BC70CD

CSS codes

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

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