#C0C2C9 - #ECD2FF | 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 #C0C2C9 to #ECD2FF

#C0C2C9 #ECD2FF

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

#C0C2C9 - #ECD2FF | 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 #C0C2C9 as 0% and #ECD2FF as 100%.

0.0%	0.0% #C0C2C9	RGB 192 194 201	#C0C2C9
16.7%	16.7% #C7C4D2	RGB 199 196 210	#C7C4D2
33.3%	33.3% #CEC7DB	RGB 206 199 219	#CEC7DB
50.0%	50.0% #D6CAE4	RGB 214 202 228	#D6CAE4
66.7%	66.7% #DDCCED	RGB 221 204 237	#DDCCED
83.3%	83.3% #E4CFF6	RGB 228 207 246	#E4CFF6
100.0%	100.0% #ECD2FF	RGB 236 210 255	#ECD2FF

#C0C2C9 #C7C4D2 #CEC7DB #D6CAE4 #DDCCED #E4CFF6 #ECD2FF

#C0C2C9 - #ECD2FF

HSV Blend

#C0C2C9 - #ECD2FF | 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 #C0C2C9 as 0% and #ECD2FF as 100%.

0.0%	0.0% #C0C2C9	RGB 192 194 201	#C0C2C9
16.7%	16.7% #C3C5D2	RGB 195 197 210	#C3C5D2
33.3%	33.3% #C8C7DB	RGB 200 199 219	#C8C7DB
50.0%	50.0% #CFCAE4	RGB 207 202 228	#CFCAE4
66.7%	66.7% #D7CDED	RGB 215 205 237	#D7CDED
83.3%	83.3% #E0CFF6	RGB 224 207 246	#E0CFF6
100.0%	100.0% #ECD2FF	RGB 236 210 255	#ECD2FF

#C0C2C9 #C3C5D2 #C8C7DB #CFCAE4 #D7CDED #E0CFF6 #ECD2FF

#C0C2C9 - #CFCAE4 - #ECD2FF

CSS codes

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

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