#C8C4DB - #E0E4DF | 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 #C8C4DB to #E0E4DF

#C8C4DB #E0E4DF

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

#C8C4DB - #E0E4DF | 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 #C8C4DB as 0% and #E0E4DF as 100%.

0.0%	0.0% #C8C4DB	RGB 200 196 219	#C8C4DB
16.7%	16.7% #CCC9DB	RGB 204 201 219	#CCC9DB
33.3%	33.3% #D0CEDC	RGB 208 206 220	#D0CEDC
50.0%	50.0% #D4D4DD	RGB 212 212 221	#D4D4DD
66.7%	66.7% #D8D9DD	RGB 216 217 221	#D8D9DD
83.3%	83.3% #DCDEDE	RGB 220 222 222	#DCDEDE
100.0%	100.0% #E0E4DF	RGB 224 228 223	#E0E4DF

#C8C4DB #CCC9DB #D0CEDC #D4D4DD #D8D9DD #DCDEDE #E0E4DF

#C8C4DB - #E0E4DF

HSV Blend

#C8C4DB - #E0E4DF | 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 #C8C4DB as 0% and #E0E4DF as 100%.

0.0%	0.0% #C8C4DB	RGB 200 196 219	#C8C4DB
16.7%	16.7% #C8CCDC	RGB 200 204 220	#C8CCDC
33.3%	33.3% #CCD7DE	RGB 204 215 222	#CCD7DE
50.0%	50.0% #D1DFDF	RGB 209 223 223	#D1DFDF
66.7%	66.7% #D5E1DC	RGB 213 225 220	#D5E1DC
83.3%	83.3% #DAE2DB	RGB 218 226 219	#DAE2DB
100.0%	100.0% #E0E4DF	RGB 224 228 223	#E0E4DF

#C8C4DB #C8CCDC #CCD7DE #D1DFDF #D5E1DC #DAE2DB #E0E4DF

#C8C4DB - #D1DFDF - #E0E4DF

CSS codes

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

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