#C13E7F - #EDC7DA | 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 #C13E7F to #EDC7DA

#C13E7F #EDC7DA

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

#C13E7F - #EDC7DA | 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 #C13E7F as 0% and #EDC7DA as 100%.

0.0%	0.0% #C13E7F	RGB 193 62 127	#C13E7F
16.7%	16.7% #C8548E	RGB 200 84 142	#C8548E
33.3%	33.3% #CF6B9D	RGB 207 107 157	#CF6B9D
50.0%	50.0% #D782AC	RGB 215 130 172	#D782AC
66.7%	66.7% #DE99BB	RGB 222 153 187	#DE99BB
83.3%	83.3% #E5B0CA	RGB 229 176 202	#E5B0CA
100.0%	100.0% #EDC7DA	RGB 237 199 218	#EDC7DA

#C13E7F #C8548E #CF6B9D #D782AC #DE99BB #E5B0CA #EDC7DA

#C13E7F - #EDC7DA

HSV Blend

#C13E7F - #EDC7DA | 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 #C13E7F as 0% and #EDC7DA as 100%.

0.0%	0.0% #C13E7F	RGB 193 62 127	#C13E7F
16.7%	16.7% #C8518C	RGB 200 81 140	#C8518C
33.3%	33.3% #CF669A	RGB 207 102 154	#CF669A
50.0%	50.0% #D77CA9	RGB 215 124 169	#D77CA9
66.7%	66.7% #DE94B9	RGB 222 148 185	#DE94B9
83.3%	83.3% #E5ACC9	RGB 229 172 201	#E5ACC9
100.0%	100.0% #EDC7DA	RGB 237 199 218	#EDC7DA

#C13E7F #C8518C #CF669A #D77CA9 #DE94B9 #E5ACC9 #EDC7DA

#C13E7F - #D77CA9 - #EDC7DA

CSS codes

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

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