#BCC8BD - #CFFFD5 | 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 #BCC8BD to #CFFFD5

#BCC8BD #CFFFD5

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

#BCC8BD - #CFFFD5 | 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 #BCC8BD as 0% and #CFFFD5 as 100%.

0.0%	0.0% #BCC8BD	RGB 188 200 189	#BCC8BD
16.7%	16.7% #BFD1C1	RGB 191 209 193	#BFD1C1
33.3%	33.3% #C2DAC5	RGB 194 218 197	#C2DAC5
50.0%	50.0% #C5E3C9	RGB 197 227 201	#C5E3C9
66.7%	66.7% #C8ECCD	RGB 200 236 205	#C8ECCD
83.3%	83.3% #CBF5D1	RGB 203 245 209	#CBF5D1
100.0%	100.0% #CFFFD5	RGB 207 255 213	#CFFFD5

#BCC8BD #BFD1C1 #C2DAC5 #C5E3C9 #C8ECCD #CBF5D1 #CFFFD5

#BCC8BD - #CFFFD5

HSV Blend

#BCC8BD - #CFFFD5 | 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 #BCC8BD as 0% and #CFFFD5 as 100%.

0.0%	0.0% #BCC8BD	RGB 188 200 189	#BCC8BD
16.7%	16.7% #C0D1C1	RGB 192 209 193	#C0D1C1
33.3%	33.3% #C3DAC6	RGB 195 218 198	#C3DAC6
50.0%	50.0% #C7E3CA	RGB 199 227 202	#C7E3CA
66.7%	66.7% #CAECCE	RGB 202 236 206	#CAECCE
83.3%	83.3% #CCF5D1	RGB 204 245 209	#CCF5D1
100.0%	100.0% #CFFFD5	RGB 207 255 213	#CFFFD5

#BCC8BD #C0D1C1 #C3DAC6 #C7E3CA #CAECCE #CCF5D1 #CFFFD5

#BCC8BD - #C7E3CA - #CFFFD5

CSS codes

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

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