#BDC9F0 - #ECEFFA | 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 #BDC9F0 to #ECEFFA

#BDC9F0 #ECEFFA

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

#BDC9F0 - #ECEFFA | 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 #BDC9F0 as 0% and #ECEFFA as 100%.

0.0%	0.0% #BDC9F0	RGB 189 201 240	#BDC9F0
16.7%	16.7% #C4CFF1	RGB 196 207 241	#C4CFF1
33.3%	33.3% #CCD5F3	RGB 204 213 243	#CCD5F3
50.0%	50.0% #D4DCF5	RGB 212 220 245	#D4DCF5
66.7%	66.7% #DCE2F6	RGB 220 226 246	#DCE2F6
83.3%	83.3% #E4E8F8	RGB 228 232 248	#E4E8F8
100.0%	100.0% #ECEFFA	RGB 236 239 250	#ECEFFA

#BDC9F0 #C4CFF1 #CCD5F3 #D4DCF5 #DCE2F6 #E4E8F8 #ECEFFA

#BDC9F0 - #ECEFFA

HSV Blend

#BDC9F0 - #ECEFFA | 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 #BDC9F0 as 0% and #ECEFFA as 100%.

0.0%	0.0% #BDC9F0	RGB 189 201 240	#BDC9F0
16.7%	16.7% #C4CFF1	RGB 196 207 241	#C4CFF1
33.3%	33.3% #CCD5F3	RGB 204 213 243	#CCD5F3
50.0%	50.0% #D4DBF5	RGB 212 219 245	#D4DBF5
66.7%	66.7% #DBE1F6	RGB 219 225 246	#DBE1F6
83.3%	83.3% #E3E8F8	RGB 227 232 248	#E3E8F8
100.0%	100.0% #ECEFFA	RGB 236 239 250	#ECEFFA

#BDC9F0 #C4CFF1 #CCD5F3 #D4DBF5 #DBE1F6 #E3E8F8 #ECEFFA

#BDC9F0 - #D4DBF5 - #ECEFFA

CSS codes

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

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