#BCC8C0 - #CFFFE2 | 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 #BCC8C0 to #CFFFE2

#BCC8C0 #CFFFE2

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

#BCC8C0 - #CFFFE2 | 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 #BCC8C0 as 0% and #CFFFE2 as 100%.

0.0%	0.0% #BCC8C0	RGB 188 200 192	#BCC8C0
16.7%	16.7% #BFD1C5	RGB 191 209 197	#BFD1C5
33.3%	33.3% #C2DACB	RGB 194 218 203	#C2DACB
50.0%	50.0% #C5E3D1	RGB 197 227 209	#C5E3D1
66.7%	66.7% #C8ECD6	RGB 200 236 214	#C8ECD6
83.3%	83.3% #CBF5DC	RGB 203 245 220	#CBF5DC
100.0%	100.0% #CFFFE2	RGB 207 255 226	#CFFFE2

#BCC8C0 #BFD1C5 #C2DACB #C5E3D1 #C8ECD6 #CBF5DC #CFFFE2

#BCC8C0 - #CFFFE2

HSV Blend

#BCC8C0 - #CFFFE2 | 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 #BCC8C0 as 0% and #CFFFE2 as 100%.

0.0%	0.0% #BCC8C0	RGB 188 200 192	#BCC8C0
16.7%	16.7% #C0D1C5	RGB 192 209 197	#C0D1C5
33.3%	33.3% #C3DACB	RGB 195 218 203	#C3DACB
50.0%	50.0% #C7E3D1	RGB 199 227 209	#C7E3D1
66.7%	66.7% #CAECD7	RGB 202 236 215	#CAECD7
83.3%	83.3% #CCF5DC	RGB 204 245 220	#CCF5DC
100.0%	100.0% #CFFFE2	RGB 207 255 226	#CFFFE2

#BCC8C0 #C0D1C5 #C3DACB #C7E3D1 #CAECD7 #CCF5DC #CFFFE2

#BCC8C0 - #C7E3D1 - #CFFFE2

CSS codes

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

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