#ED6F5E - #C2291B | 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 #ED6F5E to #C2291B

#ED6F5E #C2291B

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

#ED6F5E - #C2291B | 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 #ED6F5E as 0% and #C2291B as 100%.

0.0%	0.0% #ED6F5E	RGB 237 111 94	#ED6F5E
16.7%	16.7% #E56352	RGB 229 99 82	#E56352
33.3%	33.3% #DE5747	RGB 222 87 71	#DE5747
50.0%	50.0% #D74C3C	RGB 215 76 60	#D74C3C
66.7%	66.7% #D04031	RGB 208 64 49	#D04031
83.3%	83.3% #C93426	RGB 201 52 38	#C93426
100.0%	100.0% #C2291B	RGB 194 41 27	#C2291B

#ED6F5E #E56352 #DE5747 #D74C3C #D04031 #C93426 #C2291B

#ED6F5E - #C2291B

HSV Blend

#ED6F5E - #C2291B | 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 #ED6F5E as 0% and #C2291B as 100%.

0.0%	0.0% #ED6F5E	RGB 237 111 94	#ED6F5E
16.7%	16.7% #E56251	RGB 229 98 81	#E56251
33.3%	33.3% #DE5545	RGB 222 85 69	#DE5545
50.0%	50.0% #D74939	RGB 215 73 57	#D74939
66.7%	66.7% #D03E2E	RGB 208 62 46	#D03E2E
83.3%	83.3% #C93324	RGB 201 51 36	#C93324
100.0%	100.0% #C2291B	RGB 194 41 27	#C2291B

#ED6F5E #E56251 #DE5545 #D74939 #D03E2E #C93324 #C2291B

#ED6F5E - #D74939 - #C2291B

CSS codes

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

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