#FFFBFC - #BCA8CE | 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 #FFFBFC to #BCA8CE

#FFFBFC #BCA8CE

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

#FFFBFC - #BCA8CE | 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 #FFFBFC as 0% and #BCA8CE as 100%.

0.0%	0.0% #FFFBFC	RGB 255 251 252	#FFFBFC
16.7%	16.7% #F3EDF4	RGB 243 237 244	#F3EDF4
33.3%	33.3% #E8DFEC	RGB 232 223 236	#E8DFEC
50.0%	50.0% #DDD1E5	RGB 221 209 229	#DDD1E5
66.7%	66.7% #D2C3DD	RGB 210 195 221	#D2C3DD
83.3%	83.3% #C7B5D5	RGB 199 181 213	#C7B5D5
100.0%	100.0% #BCA8CE	RGB 188 168 206	#BCA8CE

#FFFBFC #F3EDF4 #E8DFEC #DDD1E5 #D2C3DD #C7B5D5 #BCA8CE

#FFFBFC - #BCA8CE

HSV Blend

#FFFBFC - #BCA8CE | 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 #FFFBFC as 0% and #BCA8CE as 100%.

0.0%	0.0% #FFFBFC	RGB 255 251 252	#FFFBFC
16.7%	16.7% #F6ECF0	RGB 246 236 240	#F6ECF0
33.3%	33.3% #EEDDE8	RGB 238 221 232	#EEDDE8
50.0%	50.0% #E6CFE3	RGB 230 207 227	#E6CFE3
66.7%	66.7% #DCC1DE	RGB 220 193 222	#DCC1DE
83.3%	83.3% #CDB4D6	RGB 205 180 214	#CDB4D6
100.0%	100.0% #BCA8CE	RGB 188 168 206	#BCA8CE

#FFFBFC #F6ECF0 #EEDDE8 #E6CFE3 #DCC1DE #CDB4D6 #BCA8CE

#FFFBFC - #E6CFE3 - #BCA8CE

CSS codes

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

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