#BCC0EC - #FCF0FA | 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 #BCC0EC to #FCF0FA

#BCC0EC #FCF0FA

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

#BCC0EC - #FCF0FA | 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 #BCC0EC as 0% and #FCF0FA as 100%.

0.0%	0.0% #BCC0EC	RGB 188 192 236	#BCC0EC
16.7%	16.7% #C6C8EE	RGB 198 200 238	#C6C8EE
33.3%	33.3% #D1D0F0	RGB 209 208 240	#D1D0F0
50.0%	50.0% #DCD8F3	RGB 220 216 243	#DCD8F3
66.7%	66.7% #E6E0F5	RGB 230 224 245	#E6E0F5
83.3%	83.3% #F1E8F7	RGB 241 232 247	#F1E8F7
100.0%	100.0% #FCF0FA	RGB 252 240 250	#FCF0FA

#BCC0EC #C6C8EE #D1D0F0 #DCD8F3 #E6E0F5 #F1E8F7 #FCF0FA

#BCC0EC - #FCF0FA

HSV Blend

#BCC0EC - #FCF0FA | 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 #BCC0EC as 0% and #FCF0FA as 100%.

0.0%	0.0% #BCC0EC	RGB 188 192 236	#BCC0EC
16.7%	16.7% #C9C4EE	RGB 201 196 238	#C9C4EE
33.3%	33.3% #D8CCF1	RGB 216 204 241	#D8CCF1
50.0%	50.0% #E5D5F4	RGB 229 213 244	#E5D5F4
66.7%	66.7% #F0DEF6	RGB 240 222 246	#F0DEF6
83.3%	83.3% #F8E6F9	RGB 248 230 249	#F8E6F9
100.0%	100.0% #FCF0FA	RGB 252 240 250	#FCF0FA

#BCC0EC #C9C4EE #D8CCF1 #E5D5F4 #F0DEF6 #F8E6F9 #FCF0FA

#BCC0EC - #E5D5F4 - #FCF0FA

CSS codes

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

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