#BCBCEC - #FCF0F7 | 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 #BCBCEC to #FCF0F7

#BCBCEC #FCF0F7

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

#BCBCEC - #FCF0F7 | 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 #BCBCEC as 0% and #FCF0F7 as 100%.

0.0%	0.0% #BCBCEC	RGB 188 188 236	#BCBCEC
16.7%	16.7% #C6C4ED	RGB 198 196 237	#C6C4ED
33.3%	33.3% #D1CDEF	RGB 209 205 239	#D1CDEF
50.0%	50.0% #DCD6F1	RGB 220 214 241	#DCD6F1
66.7%	66.7% #E6DEF3	RGB 230 222 243	#E6DEF3
83.3%	83.3% #F1E7F5	RGB 241 231 245	#F1E7F5
100.0%	100.0% #FCF0F7	RGB 252 240 247	#FCF0F7

#BCBCEC #C6C4ED #D1CDEF #DCD6F1 #E6DEF3 #F1E7F5 #FCF0F7

#BCBCEC - #FCF0F7

HSV Blend

#BCBCEC - #FCF0F7 | 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 #BCBCEC as 0% and #FCF0F7 as 100%.

0.0%	0.0% #BCBCEC	RGB 188 188 236	#BCBCEC
16.7%	16.7% #CEC4EE	RGB 206 196 238	#CEC4EE
33.3%	33.3% #DECCF1	RGB 222 204 241	#DECCF1
50.0%	50.0% #EBD5F4	RGB 235 213 244	#EBD5F4
66.7%	66.7% #F5DEF6	RGB 245 222 246	#F5DEF6
83.3%	83.3% #F9E6F6	RGB 249 230 246	#F9E6F6
100.0%	100.0% #FCF0F7	RGB 252 240 247	#FCF0F7

#BCBCEC #CEC4EE #DECCF1 #EBD5F4 #F5DEF6 #F9E6F6 #FCF0F7

#BCBCEC - #EBD5F4 - #FCF0F7

CSS codes

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

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