#C2D0C9 - #EDC9FF | 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 #C2D0C9 to #EDC9FF

#C2D0C9 #EDC9FF

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

#C2D0C9 - #EDC9FF | 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 #C2D0C9 as 0% and #EDC9FF as 100%.

0.0%	0.0% #C2D0C9	RGB 194 208 201	#C2D0C9
16.7%	16.7% #C9CED2	RGB 201 206 210	#C9CED2
33.3%	33.3% #D0CDDB	RGB 208 205 219	#D0CDDB
50.0%	50.0% #D7CCE4	RGB 215 204 228	#D7CCE4
66.7%	66.7% #DECBED	RGB 222 203 237	#DECBED
83.3%	83.3% #E5CAF6	RGB 229 202 246	#E5CAF6
100.0%	100.0% #EDC9FF	RGB 237 201 255	#EDC9FF

#C2D0C9 #C9CED2 #D0CDDB #D7CCE4 #DECBED #E5CAF6 #EDC9FF

#C2D0C9 - #EDC9FF

HSV Blend

#C2D0C9 - #EDC9FF | 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 #C2D0C9 as 0% and #EDC9FF as 100%.

0.0%	0.0% #C2D0C9	RGB 194 208 201	#C2D0C9
16.7%	16.7% #C4D7D5	RGB 196 215 213	#C4D7D5
33.3%	33.3% #C5D9DF	RGB 197 217 223	#C5D9DF
50.0%	50.0% #C7D4E7	RGB 199 212 231	#C7D4E7
66.7%	66.7% #C8CAEF	RGB 200 202 239	#C8CAEF
83.3%	83.3% #D6C8F7	RGB 214 200 247	#D6C8F7
100.0%	100.0% #EDC9FF	RGB 237 201 255	#EDC9FF

#C2D0C9 #C4D7D5 #C5D9DF #C7D4E7 #C8CAEF #D6C8F7 #EDC9FF

#C2D0C9 - #C7D4E7 - #EDC9FF

CSS codes

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

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