#C8D9CC - #E4DEDE | 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 #C8D9CC to #E4DEDE

#C8D9CC #E4DEDE

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

#C8D9CC - #E4DEDE | 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 #C8D9CC as 0% and #E4DEDE as 100%.

0.0%	0.0% #C8D9CC	RGB 200 217 204	#C8D9CC
16.7%	16.7% #CCD9CF	RGB 204 217 207	#CCD9CF
33.3%	33.3% #D1DAD2	RGB 209 218 210	#D1DAD2
50.0%	50.0% #D6DBD5	RGB 214 219 213	#D6DBD5
66.7%	66.7% #DADCD8	RGB 218 220 216	#DADCD8
83.3%	83.3% #DFDDDB	RGB 223 221 219	#DFDDDB
100.0%	100.0% #E4DEDE	RGB 228 222 222	#E4DEDE

#C8D9CC #CCD9CF #D1DAD2 #D6DBD5 #DADCD8 #DFDDDB #E4DEDE

#C8D9CC - #E4DEDE

HSV Blend

#C8D9CC - #E4DEDE | 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 #C8D9CC as 0% and #E4DEDE as 100%.

0.0%	0.0% #C8D9CC	RGB 200 217 204	#C8D9CC
16.7%	16.7% #CDDACB	RGB 205 218 203	#CDDACB
33.3%	33.3% #D6DCCF	RGB 214 220 207	#D6DCCF
50.0%	50.0% #DDDED2	RGB 221 222 210	#DDDED2
66.7%	66.7% #E0DDD6	RGB 224 221 214	#E0DDD6
83.3%	83.3% #E2DDDA	RGB 226 221 218	#E2DDDA
100.0%	100.0% #E4DEDE	RGB 228 222 222	#E4DEDE

#C8D9CC #CDDACB #D6DCCF #DDDED2 #E0DDD6 #E2DDDA #E4DEDE

#C8D9CC - #DDDED2 - #E4DEDE

CSS codes

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

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