#C3C3C5 - #EED4FF | 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 #C3C3C5 to #EED4FF

#C3C3C5 #EED4FF

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

#C3C3C5 - #EED4FF | 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 #C3C3C5 as 0% and #EED4FF as 100%.

0.0%	0.0% #C3C3C5	RGB 195 195 197	#C3C3C5
16.7%	16.7% #CAC5CE	RGB 202 197 206	#CAC5CE
33.3%	33.3% #D1C8D8	RGB 209 200 216	#D1C8D8
50.0%	50.0% #D8CBE2	RGB 216 203 226	#D8CBE2
66.7%	66.7% #DFCEEB	RGB 223 206 235	#DFCEEB
83.3%	83.3% #E6D1F5	RGB 230 209 245	#E6D1F5
100.0%	100.0% #EED4FF	RGB 238 212 255	#EED4FF

#C3C3C5 #CAC5CE #D1C8D8 #D8CBE2 #DFCEEB #E6D1F5 #EED4FF

#C3C3C5 - #EED4FF

HSV Blend

#C3C3C5 - #EED4FF | 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 #C3C3C5 as 0% and #EED4FF as 100%.

0.0%	0.0% #C3C3C5	RGB 195 195 197	#C3C3C5
16.7%	16.7% #C7C7CE	RGB 199 199 206	#C7C7CE
33.3%	33.3% #CDCAD8	RGB 205 202 216	#CDCAD8
50.0%	50.0% #D3CDE2	RGB 211 205 226	#D3CDE2
66.7%	66.7% #DBD0EB	RGB 219 208 235	#DBD0EB
83.3%	83.3% #E4D2F5	RGB 228 210 245	#E4D2F5
100.0%	100.0% #EED4FF	RGB 238 212 255	#EED4FF

#C3C3C5 #C7C7CE #CDCAD8 #D3CDE2 #DBD0EB #E4D2F5 #EED4FF

#C3C3C5 - #D3CDE2 - #EED4FF

CSS codes

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

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