#C1302B - #EDC3C2 | 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 #C1302B to #EDC3C2

#C1302B #EDC3C2

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

#C1302B - #EDC3C2 | 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 #C1302B as 0% and #EDC3C2 as 100%.

0.0%	0.0% #C1302B	RGB 193 48 43	#C1302B
16.7%	16.7% #C84844	RGB 200 72 68	#C84844
33.3%	33.3% #CF615D	RGB 207 97 93	#CF615D
50.0%	50.0% #D77976	RGB 215 121 118	#D77976
66.7%	66.7% #DE928F	RGB 222 146 143	#DE928F
83.3%	83.3% #E5AAA8	RGB 229 170 168	#E5AAA8
100.0%	100.0% #EDC3C2	RGB 237 195 194	#EDC3C2

#C1302B #C84844 #CF615D #D77976 #DE928F #E5AAA8 #EDC3C2

#C1302B - #EDC3C2

HSV Blend

#C1302B - #EDC3C2 | 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 #C1302B as 0% and #EDC3C2 as 100%.

0.0%	0.0% #C1302B	RGB 193 48 43	#C1302B
16.7%	16.7% #C84440	RGB 200 68 64	#C84440
33.3%	33.3% #CF5B57	RGB 207 91 87	#CF5B57
50.0%	50.0% #D7726F	RGB 215 114 111	#D7726F
66.7%	66.7% #DE8C89	RGB 222 140 137	#DE8C89
83.3%	83.3% #E5A6A5	RGB 229 166 165	#E5A6A5
100.0%	100.0% #EDC3C2	RGB 237 195 194	#EDC3C2

#C1302B #C84440 #CF5B57 #D7726F #DE8C89 #E5A6A5 #EDC3C2

#C1302B - #D7726F - #EDC3C2

CSS codes

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

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