#C23DA6 - #EDC7E5 | 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 #C23DA6 to #EDC7E5

#C23DA6 #EDC7E5

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

#C23DA6 - #EDC7E5 | 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 #C23DA6 as 0% and #EDC7E5 as 100%.

0.0%	0.0% #C23DA6	RGB 194 61 166	#C23DA6
16.7%	16.7% #C954B0	RGB 201 84 176	#C954B0
33.3%	33.3% #D06BBB	RGB 208 107 187	#D06BBB
50.0%	50.0% #D782C5	RGB 215 130 197	#D782C5
66.7%	66.7% #DE99D0	RGB 222 153 208	#DE99D0
83.3%	83.3% #E5B0DA	RGB 229 176 218	#E5B0DA
100.0%	100.0% #EDC7E5	RGB 237 199 229	#EDC7E5

#C23DA6 #C954B0 #D06BBB #D782C5 #DE99D0 #E5B0DA #EDC7E5

#C23DA6 - #EDC7E5

HSV Blend

#C23DA6 - #EDC7E5 | 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 #C23DA6 as 0% and #EDC7E5 as 100%.

0.0%	0.0% #C23DA5	RGB 194 61 165	#C23DA5
16.7%	16.7% #C950AF	RGB 201 80 175	#C950AF
33.3%	33.3% #D065B9	RGB 208 101 185	#D065B9
50.0%	50.0% #D77CC4	RGB 215 124 196	#D77CC4
66.7%	66.7% #DE93CE	RGB 222 147 206	#DE93CE
83.3%	83.3% #E5ACD9	RGB 229 172 217	#E5ACD9
100.0%	100.0% #EDC7E5	RGB 237 199 229	#EDC7E5

#C23DA5 #C950AF #D065B9 #D77CC4 #DE93CE #E5ACD9 #EDC7E5

#C23DA6 - #D77CC4 - #EDC7E5

CSS codes

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

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