#CCCACE - #DFD7EF | 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 #CCCACE to #DFD7EF

#CCCACE #DFD7EF

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

#CCCACE - #DFD7EF | 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 #CCCACE as 0% and #DFD7EF as 100%.

0.0%	0.0% #CCCACE	RGB 204 202 206	#CCCACE
16.7%	16.7% #CFCCD3	RGB 207 204 211	#CFCCD3
33.3%	33.3% #D2CED9	RGB 210 206 217	#D2CED9
50.0%	50.0% #D5D0DE	RGB 213 208 222	#D5D0DE
66.7%	66.7% #D8D2E4	RGB 216 210 228	#D8D2E4
83.3%	83.3% #DBD4E9	RGB 219 212 233	#DBD4E9
100.0%	100.0% #DFD7EF	RGB 223 215 239	#DFD7EF

#CCCACE #CFCCD3 #D2CED9 #D5D0DE #D8D2E4 #DBD4E9 #DFD7EF

#CCCACE - #DFD7EF

HSV Blend

#CCCACE - #DFD7EF | 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 #CCCACE as 0% and #DFD7EF as 100%.

0.0%	0.0% #CCCACE	RGB 204 202 206	#CCCACE
16.7%	16.7% #CFCCD3	RGB 207 204 211	#CFCCD3
33.3%	33.3% #D3CED9	RGB 211 206 217	#D3CED9
50.0%	50.0% #D6D1DE	RGB 214 209 222	#D6D1DE
66.7%	66.7% #D9D3E4	RGB 217 211 228	#D9D3E4
83.3%	83.3% #DCD5E9	RGB 220 213 233	#DCD5E9
100.0%	100.0% #DFD7EF	RGB 223 215 239	#DFD7EF

#CCCACE #CFCCD3 #D3CED9 #D6D1DE #D9D3E4 #DCD5E9 #DFD7EF

#CCCACE - #D6D1DE - #DFD7EF

CSS codes

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

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