#C3C9CE - #E2D7FF | 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 #C3C9CE to #E2D7FF

#C3C9CE #E2D7FF

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

#C3C9CE - #E2D7FF | 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 #C3C9CE as 0% and #E2D7FF as 100%.

0.0%	0.0% #C3C9CE	RGB 195 201 206	#C3C9CE
16.7%	16.7% #C8CBD6	RGB 200 203 214	#C8CBD6
33.3%	33.3% #CDCDDE	RGB 205 205 222	#CDCDDE
50.0%	50.0% #D2D0E6	RGB 210 208 230	#D2D0E6
66.7%	66.7% #D7D2EE	RGB 215 210 238	#D7D2EE
83.3%	83.3% #DCD4F6	RGB 220 212 246	#DCD4F6
100.0%	100.0% #E2D7FF	RGB 226 215 255	#E2D7FF

#C3C9CE #C8CBD6 #CDCDDE #D2D0E6 #D7D2EE #DCD4F6 #E2D7FF

#C3C9CE - #E2D7FF

HSV Blend

#C3C9CE - #E2D7FF | 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 #C3C9CE as 0% and #E2D7FF as 100%.

0.0%	0.0% #C3C9CE	RGB 195 201 206	#C3C9CE
16.7%	16.7% #C7CDD6	RGB 199 205 214	#C7CDD6
33.3%	33.3% #CAD0DE	RGB 202 208 222	#CAD0DE
50.0%	50.0% #CED1E6	RGB 206 209 230	#CED1E6
66.7%	66.7% #D1D1EE	RGB 209 209 238	#D1D1EE
83.3%	83.3% #D9D4F6	RGB 217 212 246	#D9D4F6
100.0%	100.0% #E2D7FF	RGB 226 215 255	#E2D7FF

#C3C9CE #C7CDD6 #CAD0DE #CED1E6 #D1D1EE #D9D4F6 #E2D7FF

#C3C9CE - #CED1E6 - #E2D7FF

CSS codes

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

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