#C24C5E - #EDCBD1 | 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 #C24C5E to #EDCBD1

#C24C5E #EDCBD1

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

#C24C5E - #EDCBD1 | 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 #C24C5E as 0% and #EDCBD1 as 100%.

0.0%	0.0% #C24C5E	RGB 194 76 94	#C24C5E
16.7%	16.7% #C96171	RGB 201 97 113	#C96171
33.3%	33.3% #D07684	RGB 208 118 132	#D07684
50.0%	50.0% #D78B97	RGB 215 139 151	#D78B97
66.7%	66.7% #DEA0AA	RGB 222 160 170	#DEA0AA
83.3%	83.3% #E5B5BD	RGB 229 181 189	#E5B5BD
100.0%	100.0% #EDCBD1	RGB 237 203 209	#EDCBD1

#C24C5E #C96171 #D07684 #D78B97 #DEA0AA #E5B5BD #EDCBD1

#C24C5E - #EDCBD1

HSV Blend

#C24C5E - #EDCBD1 | 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 #C24C5E as 0% and #EDCBD1 as 100%.

0.0%	0.0% #C24C5D	RGB 194 76 93	#C24C5D
16.7%	16.7% #C95E6F	RGB 201 94 111	#C95E6F
33.3%	33.3% #D07181	RGB 208 113 129	#D07181
50.0%	50.0% #D78693	RGB 215 134 147	#D78693
66.7%	66.7% #DE9CA7	RGB 222 156 167	#DE9CA7
83.3%	83.3% #E5B3BB	RGB 229 179 187	#E5B3BB
100.0%	100.0% #EDCBD1	RGB 237 203 209	#EDCBD1

#C24C5D #C95E6F #D07181 #D78693 #DE9CA7 #E5B3BB #EDCBD1

#C24C5E - #D78693 - #EDCBD1

CSS codes

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

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