#C387C0 - #EDDCED | 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 #C387C0 to #EDDCED

#C387C0 #EDDCED

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

#C387C0 - #EDDCED | 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 #C387C0 as 0% and #EDDCED as 100%.

0.0%	0.0% #C387C0	RGB 195 135 192	#C387C0
16.7%	16.7% #CA95C7	RGB 202 149 199	#CA95C7
33.3%	33.3% #D1A3CF	RGB 209 163 207	#D1A3CF
50.0%	50.0% #D8B1D6	RGB 216 177 214	#D8B1D6
66.7%	66.7% #DFBFDE	RGB 223 191 222	#DFBFDE
83.3%	83.3% #E6CDE5	RGB 230 205 229	#E6CDE5
100.0%	100.0% #EDDCED	RGB 237 220 237	#EDDCED

#C387C0 #CA95C7 #D1A3CF #D8B1D6 #DFBFDE #E6CDE5 #EDDCED

#C387C0 - #EDDCED

HSV Blend

#C387C0 - #EDDCED | 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 #C387C0 as 0% and #EDDCED as 100%.

0.0%	0.0% #C387C0	RGB 195 135 192	#C387C0
16.7%	16.7% #CA93C7	RGB 202 147 199	#CA93C7
33.3%	33.3% #D1A1CF	RGB 209 161 207	#D1A1CF
50.0%	50.0% #D8AFD6	RGB 216 175 214	#D8AFD6
66.7%	66.7% #DFBDDE	RGB 223 189 222	#DFBDDE
83.3%	83.3% #E6CCE5	RGB 230 204 229	#E6CCE5
100.0%	100.0% #EDDCED	RGB 237 220 237	#EDDCED

#C387C0 #CA93C7 #D1A1CF #D8AFD6 #DFBDDE #E6CCE5 #EDDCED

#C387C0 - #D8AFD6 - #EDDCED

CSS codes

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

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