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

#C13DBC #EDC7EB

Calculate the color between two colors, #C13DBC 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)

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

0.0%	0.0% #C13DBC	RGB 193 61 188	#C13DBC
16.7%	16.7% #C854C3	RGB 200 84 195	#C854C3
33.3%	33.3% #CF6BCB	RGB 207 107 203	#CF6BCB
50.0%	50.0% #D782D3	RGB 215 130 211	#D782D3
66.7%	66.7% #DE99DB	RGB 222 153 219	#DE99DB
83.3%	83.3% #E5B0E3	RGB 229 176 227	#E5B0E3
100.0%	100.0% #EDC7EB	RGB 237 199 235	#EDC7EB

#C13DBC #C854C3 #CF6BCB #D782D3 #DE99DB #E5B0E3 #EDC7EB

#C13DBC - #EDC7EB

HSV Blend

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

0.0%	0.0% #C13DBC	RGB 193 61 188	#C13DBC
16.7%	16.7% #C850C3	RGB 200 80 195	#C850C3
33.3%	33.3% #CF65CB	RGB 207 101 203	#CF65CB
50.0%	50.0% #D77CD2	RGB 215 124 210	#D77CD2
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

#C13DBC #C850C3 #CF65CB #D77CD2 #DE93DA #E5ACE2 #EDC7EB

#C13DBC - #D77CD2 - #EDC7EB

CSS codes

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

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