#C239BD - #EDC6EC | 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 #C239BD to #EDC6EC

#C239BD #EDC6EC

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

#C239BD - #EDC6EC | 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 #C239BD as 0% and #EDC6EC as 100%.

0.0%	0.0% #C239BD	RGB 194 57 189	#C239BD
16.7%	16.7% #C950C4	RGB 201 80 196	#C950C4
33.3%	33.3% #D068CC	RGB 208 104 204	#D068CC
50.0%	50.0% #D77FD4	RGB 215 127 212	#D77FD4
66.7%	66.7% #DE97DC	RGB 222 151 220	#DE97DC
83.3%	83.3% #E5AEE4	RGB 229 174 228	#E5AEE4
100.0%	100.0% #EDC6EC	RGB 237 198 236	#EDC6EC

#C239BD #C950C4 #D068CC #D77FD4 #DE97DC #E5AEE4 #EDC6EC

#C239BD - #EDC6EC

HSV Blend

#C239BD - #EDC6EC | 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 #C239BD as 0% and #EDC6EC as 100%.

0.0%	0.0% #C239BC	RGB 194 57 188	#C239BC
16.7%	16.7% #C94DC4	RGB 201 77 196	#C94DC4
33.3%	33.3% #D062CC	RGB 208 98 204	#D062CC
50.0%	50.0% #D779D4	RGB 215 121 212	#D779D4
66.7%	66.7% #DE91DC	RGB 222 145 220	#DE91DC
83.3%	83.3% #E5ABE4	RGB 229 171 228	#E5ABE4
100.0%	100.0% #EDC6EC	RGB 237 198 236	#EDC6EC

#C239BC #C94DC4 #D062CC #D779D4 #DE91DC #E5ABE4 #EDC6EC

#C239BD - #D779D4 - #EDC6EC

CSS codes

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

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