#EC111C - #FF5F07 | 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 #EC111C to #FF5F07

#EC111C #FF5F07

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

#EC111C - #FF5F07 | 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 #EC111C as 0% and #FF5F07 as 100%.

0.0%	0.0% #EC111C	RGB 236 17 28	#EC111C
16.7%	16.7% #EF1E18	RGB 239 30 24	#EF1E18
33.3%	33.3% #F22B15	RGB 242 43 21	#F22B15
50.0%	50.0% #F53811	RGB 245 56 17	#F53811
66.7%	66.7% #F8450E	RGB 248 69 14	#F8450E
83.3%	83.3% #FB520A	RGB 251 82 10	#FB520A
100.0%	100.0% #FF5F07	RGB 255 95 7	#FF5F07

#EC111C #EF1E18 #F22B15 #F53811 #F8450E #FB520A #FF5F07

#EC111C - #FF5F07

HSV Blend

#EC111C - #FF5F07 | 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 #EC111C as 0% and #FF5F07 as 100%.

0.0%	0.0% #EC101C	RGB 236 16 28	#EC101C
16.7%	16.7% #EF130F	RGB 239 19 15	#EF130F
33.3%	33.3% #F2210D	RGB 242 33 13	#F2210D
50.0%	50.0% #F52F0C	RGB 245 47 12	#F52F0C
66.7%	66.7% #F83E0A	RGB 248 62 10	#F83E0A
83.3%	83.3% #FB4E08	RGB 251 78 8	#FB4E08
100.0%	100.0% #FF5F07	RGB 255 95 7	#FF5F07

#EC101C #EF130F #F2210D #F52F0C #F83E0A #FB4E08 #FF5F07

#EC111C - #F52F0C - #FF5F07

CSS codes

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

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