#BCDBCC - #EEE2E4 | 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 #BCDBCC to #EEE2E4

#BCDBCC #EEE2E4

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

#BCDBCC - #EEE2E4 | 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 #BCDBCC as 0% and #EEE2E4 as 100%.

0.0%	0.0% #BCDBCC	RGB 188 219 204	#BCDBCC
16.7%	16.7% #C4DCD0	RGB 196 220 208	#C4DCD0
33.3%	33.3% #CCDDD4	RGB 204 221 212	#CCDDD4
50.0%	50.0% #D5DED8	RGB 213 222 216	#D5DED8
66.7%	66.7% #DDDFDC	RGB 221 223 220	#DDDFDC
83.3%	83.3% #E5E0E0	RGB 229 224 224	#E5E0E0
100.0%	100.0% #EEE2E4	RGB 238 226 228	#EEE2E4

#BCDBCC #C4DCD0 #CCDDD4 #D5DED8 #DDDFDC #E5E0E0 #EEE2E4

#BCDBCC - #EEE2E4

HSV Blend

#BCDBCC - #EEE2E4 | 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 #BCDBCC as 0% and #EEE2E4 as 100%.

0.0%	0.0% #BCDBCC	RGB 188 219 204	#BCDBCC
16.7%	16.7% #C2DEC4	RGB 194 222 196	#C2DEC4
33.3%	33.3% #D1E1C8	RGB 209 225 200	#D1E1C8
50.0%	50.0% #E0E4CE	RGB 224 228 206	#E0E4CE
66.7%	66.7% #E7E2D4	RGB 231 226 212	#E7E2D4
83.3%	83.3% #EADFDB	RGB 234 223 219	#EADFDB
100.0%	100.0% #EEE2E4	RGB 238 226 228	#EEE2E4

#BCDBCC #C2DEC4 #D1E1C8 #E0E4CE #E7E2D4 #EADFDB #EEE2E4

#BCDBCC - #E0E4CE - #EEE2E4

CSS codes

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

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