#CCD0CC - #D4E6C7 | 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 #CCD0CC to #D4E6C7

#CCD0CC #D4E6C7

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

#CCD0CC - #D4E6C7 | 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 #CCD0CC as 0% and #D4E6C7 as 100%.

0.0%	0.0% #CCD0CC	RGB 204 208 204	#CCD0CC
16.7%	16.7% #CDD3CB	RGB 205 211 203	#CDD3CB
33.3%	33.3% #CED7CA	RGB 206 215 202	#CED7CA
50.0%	50.0% #D0DBC9	RGB 208 219 201	#D0DBC9
66.7%	66.7% #D1DEC8	RGB 209 222 200	#D1DEC8
83.3%	83.3% #D2E2C7	RGB 210 226 199	#D2E2C7
100.0%	100.0% #D4E6C7	RGB 212 230 199	#D4E6C7

#CCD0CC #CDD3CB #CED7CA #D0DBC9 #D1DEC8 #D2E2C7 #D4E6C7

#CCD0CC - #D4E6C7

HSV Blend

#CCD0CC - #D4E6C7 | 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 #CCD0CC as 0% and #D4E6C7 as 100%.

0.0%	0.0% #CCD0CC	RGB 204 208 204	#CCD0CC
16.7%	16.7% #CCD3CB	RGB 204 211 203	#CCD3CB
33.3%	33.3% #CCD7CA	RGB 204 215 202	#CCD7CA
50.0%	50.0% #CDDBCA	RGB 205 219 202	#CDDBCA
66.7%	66.7% #CFDEC9	RGB 207 222 201	#CFDEC9
83.3%	83.3% #D1E2C8	RGB 209 226 200	#D1E2C8
100.0%	100.0% #D4E6C7	RGB 212 230 199	#D4E6C7

#CCD0CC #CCD3CB #CCD7CA #CDDBCA #CFDEC9 #D1E2C8 #D4E6C7

#CCD0CC - #CDDBCA - #D4E6C7

CSS codes

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

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