#C0C9CF - #ECD9FF | 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 #C0C9CF to #ECD9FF

#C0C9CF #ECD9FF

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

#C0C9CF - #ECD9FF | 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 #C0C9CF as 0% and #ECD9FF as 100%.

0.0%	0.0% #C0C9CF	RGB 192 201 207	#C0C9CF
16.7%	16.7% #C7CBD7	RGB 199 203 215	#C7CBD7
33.3%	33.3% #CECEDF	RGB 206 206 223	#CECEDF
50.0%	50.0% #D6D1E7	RGB 214 209 231	#D6D1E7
66.7%	66.7% #DDD3EF	RGB 221 211 239	#DDD3EF
83.3%	83.3% #E4D6F7	RGB 228 214 247	#E4D6F7
100.0%	100.0% #ECD9FF	RGB 236 217 255	#ECD9FF

#C0C9CF #C7CBD7 #CECEDF #D6D1E7 #DDD3EF #E4D6F7 #ECD9FF

#C0C9CF - #ECD9FF

HSV Blend

#C0C9CF - #ECD9FF | 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 #C0C9CF as 0% and #ECD9FF as 100%.

0.0%	0.0% #C0C9CF	RGB 192 201 207	#C0C9CF
16.7%	16.7% #C4CCD7	RGB 196 204 215	#C4CCD7
33.3%	33.3% #C9CEDF	RGB 201 206 223	#C9CEDF
50.0%	50.0% #CDCEE7	RGB 205 206 231	#CDCEE7
66.7%	66.7% #D5D1EF	RGB 213 209 239	#D5D1EF
83.3%	83.3% #E0D5F7	RGB 224 213 247	#E0D5F7
100.0%	100.0% #ECD9FF	RGB 236 217 255	#ECD9FF

#C0C9CF #C4CCD7 #C9CEDF #CDCEE7 #D5D1EF #E0D5F7 #ECD9FF

#C0C9CF - #CDCEE7 - #ECD9FF

CSS codes

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

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