#CDCCCC - #E3C4CE | 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 #CDCCCC to #E3C4CE

#CDCCCC #E3C4CE

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

#CDCCCC - #E3C4CE | 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 #CDCCCC as 0% and #E3C4CE as 100%.

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #D0CACC	RGB 208 202 204	#D0CACC
33.3%	33.3% #D4C9CC	RGB 212 201 204	#D4C9CC
50.0%	50.0% #D8C8CD	RGB 216 200 205	#D8C8CD
66.7%	66.7% #DBC6CD	RGB 219 198 205	#DBC6CD
83.3%	83.3% #DFC5CD	RGB 223 197 205	#DFC5CD
100.0%	100.0% #E3C4CE	RGB 227 196 206	#E3C4CE

#CDCCCC #D0CACC #D4C9CC #D8C8CD #DBC6CD #DFC5CD #E3C4CE

#CDCCCC - #E3C4CE

HSV Blend

#CDCCCC - #E3C4CE | 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 #CDCCCC as 0% and #E3C4CE as 100%.

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #D0CBCB	RGB 208 203 203	#D0CBCB
33.3%	33.3% #D4C9CB	RGB 212 201 203	#D4C9CB
50.0%	50.0% #D8C8CB	RGB 216 200 203	#D8C8CB
66.7%	66.7% #DBC7CB	RGB 219 199 203	#DBC7CB
83.3%	83.3% #DFC5CC	RGB 223 197 204	#DFC5CC
100.0%	100.0% #E3C4CE	RGB 227 196 206	#E3C4CE

#CDCCCC #D0CBCB #D4C9CB #D8C8CB #DBC7CB #DFC5CC #E3C4CE

#CDCCCC - #D8C8CB - #E3C4CE

CSS codes

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

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