#C9D8C9 - #E7EDCF | 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 #C9D8C9 to #E7EDCF

#C9D8C9 #E7EDCF

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

#C9D8C9 - #E7EDCF | 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 #C9D8C9 as 0% and #E7EDCF as 100%.

0.0%	0.0% #C9D8C9	RGB 201 216 201	#C9D8C9
16.7%	16.7% #CEDBCA	RGB 206 219 202	#CEDBCA
33.3%	33.3% #D3DFCB	RGB 211 223 203	#D3DFCB
50.0%	50.0% #D8E2CC	RGB 216 226 204	#D8E2CC
66.7%	66.7% #DDE6CD	RGB 221 230 205	#DDE6CD
83.3%	83.3% #E2E9CE	RGB 226 233 206	#E2E9CE
100.0%	100.0% #E7EDCF	RGB 231 237 207	#E7EDCF

#C9D8C9 #CEDBCA #D3DFCB #D8E2CC #DDE6CD #E2E9CE #E7EDCF

#C9D8C9 - #E7EDCF

HSV Blend

#C9D8C9 - #E7EDCF | 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 #C9D8C9 as 0% and #E7EDCF as 100%.

0.0%	0.0% #C9D8C9	RGB 201 216 201	#C9D8C9
16.7%	16.7% #CCDBCA	RGB 204 219 202	#CCDBCA
33.3%	33.3% #D0DFCB	RGB 208 223 203	#D0DFCB
50.0%	50.0% #D5E2CC	RGB 213 226 204	#D5E2CC
66.7%	66.7% #DAE6CD	RGB 218 230 205	#DAE6CD
83.3%	83.3% #E0E9CE	RGB 224 233 206	#E0E9CE
100.0%	100.0% #E7EDCF	RGB 231 237 207	#E7EDCF

#C9D8C9 #CCDBCA #D0DFCB #D5E2CC #DAE6CD #E0E9CE #E7EDCF

#C9D8C9 - #D5E2CC - #E7EDCF

CSS codes

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

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