#CDCACE - #E6D7EF | 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 #CDCACE to #E6D7EF

#CDCACE #E6D7EF

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

#CDCACE - #E6D7EF | 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 #CDCACE as 0% and #E6D7EF as 100%.

0.0%	0.0% #CDCACE	RGB 205 202 206	#CDCACE
16.7%	16.7% #D1CCD3	RGB 209 204 211	#D1CCD3
33.3%	33.3% #D5CED9	RGB 213 206 217	#D5CED9
50.0%	50.0% #D9D0DE	RGB 217 208 222	#D9D0DE
66.7%	66.7% #DDD2E4	RGB 221 210 228	#DDD2E4
83.3%	83.3% #E1D4E9	RGB 225 212 233	#E1D4E9
100.0%	100.0% #E6D7EF	RGB 230 215 239	#E6D7EF

#CDCACE #D1CCD3 #D5CED9 #D9D0DE #DDD2E4 #E1D4E9 #E6D7EF

#CDCACE - #E6D7EF

HSV Blend

#CDCACE - #E6D7EF | 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 #CDCACE as 0% and #E6D7EF as 100%.

0.0%	0.0% #CDCACE	RGB 205 202 206	#CDCACE
16.7%	16.7% #D1CCD3	RGB 209 204 211	#D1CCD3
33.3%	33.3% #D6CED9	RGB 214 206 217	#D6CED9
50.0%	50.0% #DAD1DE	RGB 218 209 222	#DAD1DE
66.7%	66.7% #DED3E4	RGB 222 211 228	#DED3E4
83.3%	83.3% #E2D5E9	RGB 226 213 233	#E2D5E9
100.0%	100.0% #E6D7EF	RGB 230 215 239	#E6D7EF

#CDCACE #D1CCD3 #D6CED9 #DAD1DE #DED3E4 #E2D5E9 #E6D7EF

#CDCACE - #DAD1DE - #E6D7EF

CSS codes

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

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