#C8CFC9 - #D7E4C7 | 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 #C8CFC9 to #D7E4C7

#C8CFC9 #D7E4C7

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

#C8CFC9 - #D7E4C7 | 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 #C8CFC9 as 0% and #D7E4C7 as 100%.

0.0%	0.0% #C8CFC9	RGB 200 207 201	#C8CFC9
16.7%	16.7% #CAD2C8	RGB 202 210 200	#CAD2C8
33.3%	33.3% #CDD6C8	RGB 205 214 200	#CDD6C8
50.0%	50.0% #CFD9C8	RGB 207 217 200	#CFD9C8
66.7%	66.7% #D2DDC7	RGB 210 221 199	#D2DDC7
83.3%	83.3% #D4E0C7	RGB 212 224 199	#D4E0C7
100.0%	100.0% #D7E4C7	RGB 215 228 199	#D7E4C7

#C8CFC9 #CAD2C8 #CDD6C8 #CFD9C8 #D2DDC7 #D4E0C7 #D7E4C7

#C8CFC9 - #D7E4C7

HSV Blend

#C8CFC9 - #D7E4C7 | 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 #C8CFC9 as 0% and #D7E4C7 as 100%.

0.0%	0.0% #C8CFC9	RGB 200 207 201	#C8CFC9
16.7%	16.7% #C8D2C8	RGB 200 210 200	#C8D2C8
33.3%	33.3% #C9D6C8	RGB 201 214 200	#C9D6C8
50.0%	50.0% #CBD9C7	RGB 203 217 199	#CBD9C7
66.7%	66.7% #CEDDC7	RGB 206 221 199	#CEDDC7
83.3%	83.3% #D2E0C7	RGB 210 224 199	#D2E0C7
100.0%	100.0% #D7E4C7	RGB 215 228 199	#D7E4C7

#C8CFC9 #C8D2C8 #C9D6C8 #CBD9C7 #CEDDC7 #D2E0C7 #D7E4C7

#C8CFC9 - #CBD9C7 - #D7E4C7

CSS codes

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

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