#C2BCB2 - #CCD3E3 | 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 #C2BCB2 to #CCD3E3

#C2BCB2 #CCD3E3

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

#C2BCB2 - #CCD3E3 | 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 #C2BCB2 as 0% and #CCD3E3 as 100%.

0.0%	0.0% #C2BCB2	RGB 194 188 178	#C2BCB2
16.7%	16.7% #C3BFBA	RGB 195 191 186	#C3BFBA
33.3%	33.3% #C5C3C2	RGB 197 195 194	#C5C3C2
50.0%	50.0% #C7C7CA	RGB 199 199 202	#C7C7CA
66.7%	66.7% #C8CBD2	RGB 200 203 210	#C8CBD2
83.3%	83.3% #CACFDA	RGB 202 207 218	#CACFDA
100.0%	100.0% #CCD3E3	RGB 204 211 227	#CCD3E3

#C2BCB2 #C3BFBA #C5C3C2 #C7C7CA #C8CBD2 #CACFDA #CCD3E3

#C2BCB2 - #CCD3E3

HSV Blend

#C2BCB2 - #CCD3E3 | 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 #C2BCB2 as 0% and #CCD3E3 as 100%.

0.0%	0.0% #C2BCB2	RGB 194 188 178	#C2BCB2
16.7%	16.7% #C7B8B6	RGB 199 184 182	#C7B8B6
33.3%	33.3% #CDBAC1	RGB 205 186 193	#CDBAC1
50.0%	50.0% #D2BFCF	RGB 210 191 207	#D2BFCF
66.7%	66.7% #D1C3D8	RGB 209 195 216	#D1C3D8
83.3%	83.3% #CBC7DD	RGB 203 199 221	#CBC7DD
100.0%	100.0% #CCD3E3	RGB 204 211 227	#CCD3E3

#C2BCB2 #C7B8B6 #CDBAC1 #D2BFCF #D1C3D8 #CBC7DD #CCD3E3

#C2BCB2 - #D2BFCF - #CCD3E3

CSS codes

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

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