#BDCEC9 - #ECF1EF | 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 #BDCEC9 to #ECF1EF

#BDCEC9 #ECF1EF

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

#BDCEC9 - #ECF1EF | 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 #BDCEC9 as 0% and #ECF1EF as 100%.

0.0%	0.0% #BDCEC9	RGB 189 206 201	#BDCEC9
16.7%	16.7% #C4D3CF	RGB 196 211 207	#C4D3CF
33.3%	33.3% #CCD9D5	RGB 204 217 213	#CCD9D5
50.0%	50.0% #D4DFDC	RGB 212 223 220	#D4DFDC
66.7%	66.7% #DCE5E2	RGB 220 229 226	#DCE5E2
83.3%	83.3% #E4EBE8	RGB 228 235 232	#E4EBE8
100.0%	100.0% #ECF1EF	RGB 236 241 239	#ECF1EF

#BDCEC9 #C4D3CF #CCD9D5 #D4DFDC #DCE5E2 #E4EBE8 #ECF1EF

#BDCEC9 - #ECF1EF

HSV Blend

#BDCEC9 - #ECF1EF | 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 #BDCEC9 as 0% and #ECF1EF as 100%.

0.0%	0.0% #BDCEC9	RGB 189 206 201	#BDCEC9
16.7%	16.7% #C4D3CF	RGB 196 211 207	#C4D3CF
33.3%	33.3% #CCD9D5	RGB 204 217 213	#CCD9D5
50.0%	50.0% #D3DFDB	RGB 211 223 219	#D3DFDB
66.7%	66.7% #DBE5E1	RGB 219 229 225	#DBE5E1
83.3%	83.3% #E3EBE8	RGB 227 235 232	#E3EBE8
100.0%	100.0% #ECF1EF	RGB 236 241 239	#ECF1EF

#BDCEC9 #C4D3CF #CCD9D5 #D3DFDB #DBE5E1 #E3EBE8 #ECF1EF

#BDCEC9 - #D3DFDB - #ECF1EF

CSS codes

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

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