#C23DB5 - #EDC7E9 | 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 #C23DB5 to #EDC7E9

#C23DB5 #EDC7E9

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

#C23DB5 - #EDC7E9 | 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 #C23DB5 as 0% and #EDC7E9 as 100%.

0.0%	0.0% #C23DB5	RGB 194 61 181	#C23DB5
16.7%	16.7% #C954BD	RGB 201 84 189	#C954BD
33.3%	33.3% #D06BC6	RGB 208 107 198	#D06BC6
50.0%	50.0% #D782CF	RGB 215 130 207	#D782CF
66.7%	66.7% #DE99D7	RGB 222 153 215	#DE99D7
83.3%	83.3% #E5B0E0	RGB 229 176 224	#E5B0E0
100.0%	100.0% #EDC7E9	RGB 237 199 233	#EDC7E9

#C23DB5 #C954BD #D06BC6 #D782CF #DE99D7 #E5B0E0 #EDC7E9

#C23DB5 - #EDC7E9

HSV Blend

#C23DB5 - #EDC7E9 | 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 #C23DB5 as 0% and #EDC7E9 as 100%.

0.0%	0.0% #C23DB4	RGB 194 61 180	#C23DB4
16.7%	16.7% #C950BD	RGB 201 80 189	#C950BD
33.3%	33.3% #D065C5	RGB 208 101 197	#D065C5
50.0%	50.0% #D77CCE	RGB 215 124 206	#D77CCE
66.7%	66.7% #DE93D6	RGB 222 147 214	#DE93D6
83.3%	83.3% #E5ACDF	RGB 229 172 223	#E5ACDF
100.0%	100.0% #EDC7E9	RGB 237 199 233	#EDC7E9

#C23DB4 #C950BD #D065C5 #D77CCE #DE93D6 #E5ACDF #EDC7E9

#C23DB5 - #D77CCE - #EDC7E9

CSS codes

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

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