#CFCCCD - #E6C7E1 | 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 #CFCCCD to #E6C7E1

#CFCCCD #E6C7E1

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

#CFCCCD - #E6C7E1 | 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 #CFCCCD as 0% and #E6C7E1 as 100%.

0.0%	0.0% #CFCCCD	RGB 207 204 205	#CFCCCD
16.7%	16.7% #D2CBD0	RGB 210 203 208	#D2CBD0
33.3%	33.3% #D6CAD3	RGB 214 202 211	#D6CAD3
50.0%	50.0% #DAC9D7	RGB 218 201 215	#DAC9D7
66.7%	66.7% #DEC8DA	RGB 222 200 218	#DEC8DA
83.3%	83.3% #E2C7DD	RGB 226 199 221	#E2C7DD
100.0%	100.0% #E6C7E1	RGB 230 199 225	#E6C7E1

#CFCCCD #D2CBD0 #D6CAD3 #DAC9D7 #DEC8DA #E2C7DD #E6C7E1

#CFCCCD - #E6C7E1

HSV Blend

#CFCCCD - #E6C7E1 | 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 #CFCCCD as 0% and #E6C7E1 as 100%.

0.0%	0.0% #CFCCCD	RGB 207 204 205	#CFCCCD
16.7%	16.7% #D2CBCE	RGB 210 203 206	#D2CBCE
33.3%	33.3% #D6CAD0	RGB 214 202 208	#D6CAD0
50.0%	50.0% #DACAD3	RGB 218 202 211	#DACAD3
66.7%	66.7% #DEC9D7	RGB 222 201 215	#DEC9D7
83.3%	83.3% #E2C8DB	RGB 226 200 219	#E2C8DB
100.0%	100.0% #E6C7E1	RGB 230 199 225	#E6C7E1

#CFCCCD #D2CBCE #D6CAD0 #DACAD3 #DEC9D7 #E2C8DB #E6C7E1

#CFCCCD - #DACAD3 - #E6C7E1

CSS codes

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

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