#C7CFCD - #FFCCF9 | 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 #C7CFCD to #FFCCF9

#C7CFCD #FFCCF9

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

#C7CFCD - #FFCCF9 | 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 #C7CFCD as 0% and #FFCCF9 as 100%.

0.0%	0.0% #C7CFCD	RGB 199 207 205	#C7CFCD
16.7%	16.7% #D0CED4	RGB 208 206 212	#D0CED4
33.3%	33.3% #D9CEDB	RGB 217 206 219	#D9CEDB
50.0%	50.0% #E3CDE3	RGB 227 205 227	#E3CDE3
66.7%	66.7% #ECCDEA	RGB 236 205 234	#ECCDEA
83.3%	83.3% #F5CCF1	RGB 245 204 241	#F5CCF1
100.0%	100.0% #FFCCF9	RGB 255 204 249	#FFCCF9

#C7CFCD #D0CED4 #D9CEDB #E3CDE3 #ECCDEA #F5CCF1 #FFCCF9

#C7CFCD - #FFCCF9

HSV Blend

#C7CFCD - #FFCCF9 | 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 #C7CFCD as 0% and #FFCCF9 as 100%.

0.0%	0.0% #C7CFCD	RGB 199 207 205	#C7CFCD
16.7%	16.7% #C8D4D7	RGB 200 212 215	#C8D4D7
33.3%	33.3% #CAD3DF	RGB 202 211 223	#CAD3DF
50.0%	50.0% #CBCDE7	RGB 203 205 231	#CBCDE7
66.7%	66.7% #D7CCEF	RGB 215 204 239	#D7CCEF
83.3%	83.3% #EBCCF7	RGB 235 204 247	#EBCCF7
100.0%	100.0% #FFCCF9	RGB 255 204 249	#FFCCF9

#C7CFCD #C8D4D7 #CAD3DF #CBCDE7 #D7CCEF #EBCCF7 #FFCCF9

#C7CFCD - #CBCDE7 - #FFCCF9

CSS codes

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

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