#C4CECC - #D4E6FF | 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 #C4CECC to #D4E6FF

#C4CECC #D4E6FF

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

#C4CECC - #D4E6FF | 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 #C4CECC as 0% and #D4E6FF as 100%.

0.0%	0.0% #C4CECC	RGB 196 206 204	#C4CECC
16.7%	16.7% #C6D2D4	RGB 198 210 212	#C6D2D4
33.3%	33.3% #C9D6DD	RGB 201 214 221	#C9D6DD
50.0%	50.0% #CCDAE5	RGB 204 218 229	#CCDAE5
66.7%	66.7% #CEDEEE	RGB 206 222 238	#CEDEEE
83.3%	83.3% #D1E2F6	RGB 209 226 246	#D1E2F6
100.0%	100.0% #D4E6FF	RGB 212 230 255	#D4E6FF

#C4CECC #C6D2D4 #C9D6DD #CCDAE5 #CEDEEE #D1E2F6 #D4E6FF

#C4CECC - #D4E6FF

HSV Blend

#C4CECC - #D4E6FF | 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 #C4CECC as 0% and #D4E6FF as 100%.

0.0%	0.0% #C4CECC	RGB 196 206 204	#C4CECC
16.7%	16.7% #C7D6D5	RGB 199 214 213	#C7D6D5
33.3%	33.3% #CADDDE	RGB 202 221 222	#CADDDE
50.0%	50.0% #CDE1E6	RGB 205 225 230	#CDE1E6
66.7%	66.7% #CFE4EE	RGB 207 228 238	#CFE4EE
83.3%	83.3% #D2E6F6	RGB 210 230 246	#D2E6F6
100.0%	100.0% #D4E6FF	RGB 212 230 255	#D4E6FF

#C4CECC #C7D6D5 #CADDDE #CDE1E6 #CFE4EE #D2E6F6 #D4E6FF

#C4CECC - #CDE1E6 - #D4E6FF

CSS codes

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

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