#C8C2CA - #EDD1FF | 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 #C8C2CA to #EDD1FF

#C8C2CA #EDD1FF

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

#C8C2CA - #EDD1FF | 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 #C8C2CA as 0% and #EDD1FF as 100%.

0.0%	0.0% #C8C2CA	RGB 200 194 202	#C8C2CA
16.7%	16.7% #CEC4D2	RGB 206 196 210	#CEC4D2
33.3%	33.3% #D4C7DB	RGB 212 199 219	#D4C7DB
50.0%	50.0% #DAC9E4	RGB 218 201 228	#DAC9E4
66.7%	66.7% #E0CCED	RGB 224 204 237	#E0CCED
83.3%	83.3% #E6CEF6	RGB 230 206 246	#E6CEF6
100.0%	100.0% #EDD1FF	RGB 237 209 255	#EDD1FF

#C8C2CA #CEC4D2 #D4C7DB #DAC9E4 #E0CCED #E6CEF6 #EDD1FF

#C8C2CA - #EDD1FF

HSV Blend

#C8C2CA - #EDD1FF | 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 #C8C2CA as 0% and #EDD1FF as 100%.

0.0%	0.0% #C8C2CA	RGB 200 194 202	#C8C2CA
16.7%	16.7% #CFC5D2	RGB 207 197 210	#CFC5D2
33.3%	33.3% #D6C8DB	RGB 214 200 219	#D6C8DB
50.0%	50.0% #DCCBE4	RGB 220 203 228	#DCCBE4
66.7%	66.7% #E2CDED	RGB 226 205 237	#E2CDED
83.3%	83.3% #E7CFF6	RGB 231 207 246	#E7CFF6
100.0%	100.0% #EDD1FF	RGB 237 209 255	#EDD1FF

#C8C2CA #CFC5D2 #D6C8DB #DCCBE4 #E2CDED #E7CFF6 #EDD1FF

#C8C2CA - #DCCBE4 - #EDD1FF

CSS codes

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

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