#BFC5E4 - #ECEEF7 | 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 #BFC5E4 to #ECEEF7

#BFC5E4 #ECEEF7

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

#BFC5E4 - #ECEEF7 | 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 #BFC5E4 as 0% and #ECEEF7 as 100%.

0.0%	0.0% #BFC5E4	RGB 191 197 228	#BFC5E4
16.7%	16.7% #C6CBE7	RGB 198 203 231	#C6CBE7
33.3%	33.3% #CED2EA	RGB 206 210 234	#CED2EA
50.0%	50.0% #D5D9ED	RGB 213 217 237	#D5D9ED
66.7%	66.7% #DDE0F0	RGB 221 224 240	#DDE0F0
83.3%	83.3% #E4E7F3	RGB 228 231 243	#E4E7F3
100.0%	100.0% #ECEEF7	RGB 236 238 247	#ECEEF7

#BFC5E4 #C6CBE7 #CED2EA #D5D9ED #DDE0F0 #E4E7F3 #ECEEF7

#BFC5E4 - #ECEEF7

HSV Blend

#BFC5E4 - #ECEEF7 | 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 #BFC5E4 as 0% and #ECEEF7 as 100%.

0.0%	0.0% #BFC5E4	RGB 191 197 228	#BFC5E4
16.7%	16.7% #C6CBE7	RGB 198 203 231	#C6CBE7
33.3%	33.3% #CDD2EA	RGB 205 210 234	#CDD2EA
50.0%	50.0% #D4D9ED	RGB 212 217 237	#D4D9ED
66.7%	66.7% #DCE0F0	RGB 220 224 240	#DCE0F0
83.3%	83.3% #E4E6F3	RGB 228 230 243	#E4E6F3
100.0%	100.0% #ECEEF7	RGB 236 238 247	#ECEEF7

#BFC5E4 #C6CBE7 #CDD2EA #D4D9ED #DCE0F0 #E4E6F3 #ECEEF7

#BFC5E4 - #D4D9ED - #ECEEF7

CSS codes

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

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