#BCD9D6 - #ECE2E0 | 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 #BCD9D6 to #ECE2E0

#BCD9D6 #ECE2E0

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

#BCD9D6 - #ECE2E0 | 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 #BCD9D6 as 0% and #ECE2E0 as 100%.

0.0%	0.0% #BCD9D6	RGB 188 217 214	#BCD9D6
16.7%	16.7% #C4DAD7	RGB 196 218 215	#C4DAD7
33.3%	33.3% #CCDCD9	RGB 204 220 217	#CCDCD9
50.0%	50.0% #D4DDDB	RGB 212 221 219	#D4DDDB
66.7%	66.7% #DCDFDC	RGB 220 223 220	#DCDFDC
83.3%	83.3% #E4E0DE	RGB 228 224 222	#E4E0DE
100.0%	100.0% #ECE2E0	RGB 236 226 224	#ECE2E0

#BCD9D6 #C4DAD7 #CCDCD9 #D4DDDB #DCDFDC #E4E0DE #ECE2E0

#BCD9D6 - #ECE2E0

HSV Blend

#BCD9D6 - #ECE2E0 | 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 #BCD9D6 as 0% and #ECE2E0 as 100%.

0.0%	0.0% #BCD9D6	RGB 188 217 214	#BCD9D6
16.7%	16.7% #C1DCCD	RGB 193 220 205	#C1DCCD
33.3%	33.3% #C7DFC7	RGB 199 223 199	#C7DFC7
50.0%	50.0% #D7E2CD	RGB 215 226 205	#D7E2CD
66.7%	66.7% #E4E5D3	RGB 228 229 211	#E4E5D3
83.3%	83.3% #E8E3D9	RGB 232 227 217	#E8E3D9
100.0%	100.0% #ECE2E0	RGB 236 226 224	#ECE2E0

#BCD9D6 #C1DCCD #C7DFC7 #D7E2CD #E4E5D3 #E8E3D9 #ECE2E0

#BCD9D6 - #D7E2CD - #ECE2E0

CSS codes

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

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