#C13CBB - #EDC7EB | 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 #C13CBB to #EDC7EB

#C13CBB #EDC7EB

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

#C13CBB - #EDC7EB | 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 #C13CBB as 0% and #EDC7EB as 100%.

0.0%	0.0% #C13CBB	RGB 193 60 187	#C13CBB
16.7%	16.7% #C853C3	RGB 200 83 195	#C853C3
33.3%	33.3% #CF6ACB	RGB 207 106 203	#CF6ACB
50.0%	50.0% #D781D3	RGB 215 129 211	#D781D3
66.7%	66.7% #DE98DB	RGB 222 152 219	#DE98DB
83.3%	83.3% #E5AFE3	RGB 229 175 227	#E5AFE3
100.0%	100.0% #EDC7EB	RGB 237 199 235	#EDC7EB

#C13CBB #C853C3 #CF6ACB #D781D3 #DE98DB #E5AFE3 #EDC7EB

#C13CBB - #EDC7EB

HSV Blend

#C13CBB - #EDC7EB | 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 #C13CBB as 0% and #EDC7EB as 100%.

0.0%	0.0% #C13CBB	RGB 193 60 187	#C13CBB
16.7%	16.7% #C84FC2	RGB 200 79 194	#C84FC2
33.3%	33.3% #CF65CA	RGB 207 101 202	#CF65CA
50.0%	50.0% #D77BD2	RGB 215 123 210	#D77BD2
66.7%	66.7% #DE93DA	RGB 222 147 218	#DE93DA
83.3%	83.3% #E5ACE2	RGB 229 172 226	#E5ACE2
100.0%	100.0% #EDC7EB	RGB 237 199 235	#EDC7EB

#C13CBB #C84FC2 #CF65CA #D77BD2 #DE93DA #E5ACE2 #EDC7EB

#C13CBB - #D77BD2 - #EDC7EB

CSS codes

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

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