#BFCCDF - #ECF0F5 | 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 #BFCCDF to #ECF0F5

#BFCCDF #ECF0F5

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

#BFCCDF - #ECF0F5 | 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 #BFCCDF as 0% and #ECF0F5 as 100%.

0.0%	0.0% #BFCCDF	RGB 191 204 223	#BFCCDF
16.7%	16.7% #C6D2E2	RGB 198 210 226	#C6D2E2
33.3%	33.3% #CED8E6	RGB 206 216 230	#CED8E6
50.0%	50.0% #D5DEEA	RGB 213 222 234	#D5DEEA
66.7%	66.7% #DDE4ED	RGB 221 228 237	#DDE4ED
83.3%	83.3% #E4EAF1	RGB 228 234 241	#E4EAF1
100.0%	100.0% #ECF0F5	RGB 236 240 245	#ECF0F5

#BFCCDF #C6D2E2 #CED8E6 #D5DEEA #DDE4ED #E4EAF1 #ECF0F5

#BFCCDF - #ECF0F5

HSV Blend

#BFCCDF - #ECF0F5 | 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 #BFCCDF as 0% and #ECF0F5 as 100%.

0.0%	0.0% #BFCCDF	RGB 191 204 223	#BFCCDF
16.7%	16.7% #C6D1E2	RGB 198 209 226	#C6D1E2
33.3%	33.3% #CDD7E6	RGB 205 215 230	#CDD7E6
50.0%	50.0% #D4DDEA	RGB 212 221 234	#D4DDEA
66.7%	66.7% #DCE3ED	RGB 220 227 237	#DCE3ED
83.3%	83.3% #E4E9F1	RGB 228 233 241	#E4E9F1
100.0%	100.0% #ECF0F5	RGB 236 240 245	#ECF0F5

#BFCCDF #C6D1E2 #CDD7E6 #D4DDEA #DCE3ED #E4E9F1 #ECF0F5

#BFCCDF - #D4DDEA - #ECF0F5

CSS codes

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

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