#C8D0C5 - #E9EDCF | 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 #C8D0C5 to #E9EDCF

#C8D0C5 #E9EDCF

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

#C8D0C5 - #E9EDCF | 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 #C8D0C5 as 0% and #E9EDCF as 100%.

0.0%	0.0% #C8D0C5	RGB 200 208 197	#C8D0C5
16.7%	16.7% #CDD4C6	RGB 205 212 198	#CDD4C6
33.3%	33.3% #D3D9C8	RGB 211 217 200	#D3D9C8
50.0%	50.0% #D8DECA	RGB 216 222 202	#D8DECA
66.7%	66.7% #DEE3CB	RGB 222 227 203	#DEE3CB
83.3%	83.3% #E3E8CD	RGB 227 232 205	#E3E8CD
100.0%	100.0% #E9EDCF	RGB 233 237 207	#E9EDCF

#C8D0C5 #CDD4C6 #D3D9C8 #D8DECA #DEE3CB #E3E8CD #E9EDCF

#C8D0C5 - #E9EDCF

HSV Blend

#C8D0C5 - #E9EDCF | 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 #C8D0C5 as 0% and #E9EDCF as 100%.

0.0%	0.0% #C8D0C5	RGB 200 208 197	#C8D0C5
16.7%	16.7% #CCD4C6	RGB 204 212 198	#CCD4C6
33.3%	33.3% #D0D9C8	RGB 208 217 200	#D0D9C8
50.0%	50.0% #D5DECA	RGB 213 222 202	#D5DECA
66.7%	66.7% #DBE3CC	RGB 219 227 204	#DBE3CC
83.3%	83.3% #E2E8CD	RGB 226 232 205	#E2E8CD
100.0%	100.0% #E9EDCF	RGB 233 237 207	#E9EDCF

#C8D0C5 #CCD4C6 #D0D9C8 #D5DECA #DBE3CC #E2E8CD #E9EDCF

#C8D0C5 - #D5DECA - #E9EDCF

CSS codes

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

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