#C0252E - #EDC0C3 | 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 #C0252E to #EDC0C3

#C0252E #EDC0C3

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

#C0252E - #EDC0C3 | 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 #C0252E as 0% and #EDC0C3 as 100%.

0.0%	0.0% #C0252E	RGB 192 37 46	#C0252E
16.7%	16.7% #C73E46	RGB 199 62 70	#C73E46
33.3%	33.3% #CF585F	RGB 207 88 95	#CF585F
50.0%	50.0% #D67278	RGB 214 114 120	#D67278
66.7%	66.7% #DE8C91	RGB 222 140 145	#DE8C91
83.3%	83.3% #E5A6AA	RGB 229 166 170	#E5A6AA
100.0%	100.0% #EDC0C3	RGB 237 192 195	#EDC0C3

#C0252E #C73E46 #CF585F #D67278 #DE8C91 #E5A6AA #EDC0C3

#C0252E - #EDC0C3

HSV Blend

#C0252E - #EDC0C3 | 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 #C0252E as 0% and #EDC0C3 as 100%.

0.0%	0.0% #C0252D	RGB 192 37 45	#C0252D
16.7%	16.7% #C73A43	RGB 199 58 67	#C73A43
33.3%	33.3% #CF525A	RGB 207 82 90	#CF525A
50.0%	50.0% #D66B72	RGB 214 107 114	#D66B72
66.7%	66.7% #DE868B	RGB 222 134 139	#DE868B
83.3%	83.3% #E5A2A6	RGB 229 162 166	#E5A2A6
100.0%	100.0% #EDC0C3	RGB 237 192 195	#EDC0C3

#C0252D #C73A43 #CF525A #D66B72 #DE868B #E5A2A6 #EDC0C3

#C0252E - #D66B72 - #EDC0C3

CSS codes

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

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