#EC353E - #FF8D3E | 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 #EC353E to #FF8D3E

#EC353E #FF8D3E

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

#EC353E - #FF8D3E | 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 #EC353E as 0% and #FF8D3E as 100%.

0.0%	0.0% #EC353E	RGB 236 53 62	#EC353E
16.7%	16.7% #EF433E	RGB 239 67 62	#EF433E
33.3%	33.3% #F2523E	RGB 242 82 62	#F2523E
50.0%	50.0% #F5613E	RGB 245 97 62	#F5613E
66.7%	66.7% #F86F3E	RGB 248 111 62	#F86F3E
83.3%	83.3% #FB7E3E	RGB 251 126 62	#FB7E3E
100.0%	100.0% #FF8D3E	RGB 255 141 62	#FF8D3E

#EC353E #EF433E #F2523E #F5613E #F86F3E #FB7E3E #FF8D3E

#EC353E - #FF8D3E

HSV Blend

#EC353E - #FF8D3E | 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 #EC353E as 0% and #FF8D3E as 100%.

0.0%	0.0% #EC353E	RGB 236 53 62	#EC353E
16.7%	16.7% #EF3B36	RGB 239 59 54	#EF3B36
33.3%	33.3% #F24B37	RGB 242 75 55	#F24B37
50.0%	50.0% #F55B39	RGB 245 91 57	#F55B39
66.7%	66.7% #F86B3A	RGB 248 107 58	#F86B3A
83.3%	83.3% #FB7C3C	RGB 251 124 60	#FB7C3C
100.0%	100.0% #FF8D3E	RGB 255 141 62	#FF8D3E

#EC353E #EF3B36 #F24B37 #F55B39 #F86B3A #FB7C3C #FF8D3E

#EC353E - #F55B39 - #FF8D3E

CSS codes

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

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