#CCC5CE - #EED3FF | 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 #CCC5CE to #EED3FF

#CCC5CE #EED3FF

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

#CCC5CE - #EED3FF | 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 #CCC5CE as 0% and #EED3FF as 100%.

0.0%	0.0% #CCC5CE	RGB 204 197 206	#CCC5CE
16.7%	16.7% #D1C7D6	RGB 209 199 214	#D1C7D6
33.3%	33.3% #D7C9DE	RGB 215 201 222	#D7C9DE
50.0%	50.0% #DDCCE6	RGB 221 204 230	#DDCCE6
66.7%	66.7% #E2CEEE	RGB 226 206 238	#E2CEEE
83.3%	83.3% #E8D0F6	RGB 232 208 246	#E8D0F6
100.0%	100.0% #EED3FF	RGB 238 211 255	#EED3FF

#CCC5CE #D1C7D6 #D7C9DE #DDCCE6 #E2CEEE #E8D0F6 #EED3FF

#CCC5CE - #EED3FF

HSV Blend

#CCC5CE - #EED3FF | 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 #CCC5CE as 0% and #EED3FF as 100%.

0.0%	0.0% #CCC5CE	RGB 204 197 206	#CCC5CE
16.7%	16.7% #D2C8D6	RGB 210 200 214	#D2C8D6
33.3%	33.3% #D8CBDE	RGB 216 203 222	#D8CBDE
50.0%	50.0% #DECDE6	RGB 222 205 230	#DECDE6
66.7%	66.7% #E4CFEE	RGB 228 207 238	#E4CFEE
83.3%	83.3% #E9D1F6	RGB 233 209 246	#E9D1F6
100.0%	100.0% #EED3FF	RGB 238 211 255	#EED3FF

#CCC5CE #D2C8D6 #D8CBDE #DECDE6 #E4CFEE #E9D1F6 #EED3FF

#CCC5CE - #DECDE6 - #EED3FF

CSS codes

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

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