#CFC8D4 - #CECCE7 | 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 #CFC8D4 to #CECCE7

#CFC8D4 #CECCE7

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

#CFC8D4 - #CECCE7 | 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 #CFC8D4 as 0% and #CECCE7 as 100%.

0.0%	0.0% #CFC8D4	RGB 207 200 212	#CFC8D4
16.7%	16.7% #CEC8D7	RGB 206 200 215	#CEC8D7
33.3%	33.3% #CEC9DA	RGB 206 201 218	#CEC9DA
50.0%	50.0% #CECADD	RGB 206 202 221	#CECADD
66.7%	66.7% #CECAE0	RGB 206 202 224	#CECAE0
83.3%	83.3% #CECBE3	RGB 206 203 227	#CECBE3
100.0%	100.0% #CECCE7	RGB 206 204 231	#CECCE7

#CFC8D4 #CEC8D7 #CEC9DA #CECADD #CECAE0 #CECBE3 #CECCE7

#CFC8D4 - #CECCE7

HSV Blend

#CFC8D4 - #CECCE7 | 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 #CFC8D4 as 0% and #CECCE7 as 100%.

0.0%	0.0% #CFC8D4	RGB 207 200 212	#CFC8D4
16.7%	16.7% #CFC8D7	RGB 207 200 215	#CFC8D7
33.3%	33.3% #D0C9DA	RGB 208 201 218	#D0C9DA
50.0%	50.0% #D0CADD	RGB 208 202 221	#D0CADD
66.7%	66.7% #D0CAE0	RGB 208 202 224	#D0CAE0
83.3%	83.3% #CFCBE3	RGB 207 203 227	#CFCBE3
100.0%	100.0% #CECCE7	RGB 206 204 231	#CECCE7

#CFC8D4 #CFC8D7 #D0C9DA #D0CADD #D0CAE0 #CFCBE3 #CECCE7

#CFC8D4 - #D0CADD - #CECCE7

CSS codes

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

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