#CCC2CF - #EED1FF | 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 #CCC2CF to #EED1FF

#CCC2CF #EED1FF

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

#CCC2CF - #EED1FF | 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 #CCC2CF as 0% and #EED1FF as 100%.

0.0%	0.0% #CCC2CF	RGB 204 194 207	#CCC2CF
16.7%	16.7% #D1C4D7	RGB 209 196 215	#D1C4D7
33.3%	33.3% #D7C7DF	RGB 215 199 223	#D7C7DF
50.0%	50.0% #DDC9E7	RGB 221 201 231	#DDC9E7
66.7%	66.7% #E2CCEF	RGB 226 204 239	#E2CCEF
83.3%	83.3% #E8CEF7	RGB 232 206 247	#E8CEF7
100.0%	100.0% #EED1FF	RGB 238 209 255	#EED1FF

#CCC2CF #D1C4D7 #D7C7DF #DDC9E7 #E2CCEF #E8CEF7 #EED1FF

#CCC2CF - #EED1FF

HSV Blend

#CCC2CF - #EED1FF | 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 #CCC2CF as 0% and #EED1FF as 100%.

0.0%	0.0% #CCC2CF	RGB 204 194 207	#CCC2CF
16.7%	16.7% #D2C5D7	RGB 210 197 215	#D2C5D7
33.3%	33.3% #D8C8DF	RGB 216 200 223	#D8C8DF
50.0%	50.0% #DECAE7	RGB 222 202 231	#DECAE7
66.7%	66.7% #E4CDEF	RGB 228 205 239	#E4CDEF
83.3%	83.3% #E9CFF7	RGB 233 207 247	#E9CFF7
100.0%	100.0% #EED1FF	RGB 238 209 255	#EED1FF

#CCC2CF #D2C5D7 #D8C8DF #DECAE7 #E4CDEF #E9CFF7 #EED1FF

#CCC2CF - #DECAE7 - #EED1FF

CSS codes

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

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