#CDCBCA - #E3C5D0 | 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 #CDCBCA to #E3C5D0

#CDCBCA #E3C5D0

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

#CDCBCA - #E3C5D0 | 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 #CDCBCA as 0% and #E3C5D0 as 100%.

0.0%	0.0% #CDCBCA	RGB 205 203 202	#CDCBCA
16.7%	16.7% #D0CACB	RGB 208 202 203	#D0CACB
33.3%	33.3% #D4C9CC	RGB 212 201 204	#D4C9CC
50.0%	50.0% #D8C8CD	RGB 216 200 205	#D8C8CD
66.7%	66.7% #DBC7CE	RGB 219 199 206	#DBC7CE
83.3%	83.3% #DFC6CF	RGB 223 198 207	#DFC6CF
100.0%	100.0% #E3C5D0	RGB 227 197 208	#E3C5D0

#CDCBCA #D0CACB #D4C9CC #D8C8CD #DBC7CE #DFC6CF #E3C5D0

#CDCBCA - #E3C5D0

HSV Blend

#CDCBCA - #E3C5D0 | 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 #CDCBCA as 0% and #E3C5D0 as 100%.

0.0%	0.0% #CDCBCA	RGB 205 203 202	#CDCBCA
16.7%	16.7% #D0CBC9	RGB 208 203 201	#D0CBC9
33.3%	33.3% #D4CAC8	RGB 212 202 200	#D4CAC8
50.0%	50.0% #D8C8C8	RGB 216 200 200	#D8C8C8
66.7%	66.7% #DBC7C9	RGB 219 199 201	#DBC7C9
83.3%	83.3% #DFC6CC	RGB 223 198 204	#DFC6CC
100.0%	100.0% #E3C5D0	RGB 227 197 208	#E3C5D0

#CDCBCA #D0CBC9 #D4CAC8 #D8C8C8 #DBC7C9 #DFC6CC #E3C5D0

#CDCBCA - #D8C8C8 - #E3C5D0

CSS codes

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

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