#C11E3C - #EDBEC7 | 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 #C11E3C to #EDBEC7

#C11E3C #EDBEC7

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

#C11E3C - #EDBEC7 | 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 #C11E3C as 0% and #EDBEC7 as 100%.

0.0%	0.0% #C11E3C	RGB 193 30 60	#C11E3C
16.7%	16.7% #C83853	RGB 200 56 83	#C83853
33.3%	33.3% #CF536A	RGB 207 83 106	#CF536A
50.0%	50.0% #D76E81	RGB 215 110 129	#D76E81
66.7%	66.7% #DE8898	RGB 222 136 152	#DE8898
83.3%	83.3% #E5A3AF	RGB 229 163 175	#E5A3AF
100.0%	100.0% #EDBEC7	RGB 237 190 199	#EDBEC7

#C11E3C #C83853 #CF536A #D76E81 #DE8898 #E5A3AF #EDBEC7

#C11E3C - #EDBEC7

HSV Blend

#C11E3C - #EDBEC7 | 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 #C11E3C as 0% and #EDBEC7 as 100%.

0.0%	0.0% #C11D3C	RGB 193 29 60	#C11D3C
16.7%	16.7% #C83450	RGB 200 52 80	#C83450
33.3%	33.3% #CF4D65	RGB 207 77 101	#CF4D65
50.0%	50.0% #D7667B	RGB 215 102 123	#D7667B
66.7%	66.7% #DE8293	RGB 222 130 147	#DE8293
83.3%	83.3% #E59FAC	RGB 229 159 172	#E59FAC
100.0%	100.0% #EDBEC7	RGB 237 190 199	#EDBEC7

#C11D3C #C83450 #CF4D65 #D7667B #DE8293 #E59FAC #EDBEC7

#C11E3C - #D7667B - #EDBEC7

CSS codes

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

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