#EC262C - #FF7A22 | 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 #EC262C to #FF7A22

#EC262C #FF7A22

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

#EC262C - #FF7A22 | 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 #EC262C as 0% and #FF7A22 as 100%.

0.0%	0.0% #EC262C	RGB 236 38 44	#EC262C
16.7%	16.7% #EF342A	RGB 239 52 42	#EF342A
33.3%	33.3% #F24228	RGB 242 66 40	#F24228
50.0%	50.0% #F55027	RGB 245 80 39	#F55027
66.7%	66.7% #F85E25	RGB 248 94 37	#F85E25
83.3%	83.3% #FB6C23	RGB 251 108 35	#FB6C23
100.0%	100.0% #FF7A22	RGB 255 122 34	#FF7A22

#EC262C #EF342A #F24228 #F55027 #F85E25 #FB6C23 #FF7A22

#EC262C - #FF7A22

HSV Blend

#EC262C - #FF7A22 | 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 #EC262C as 0% and #FF7A22 as 100%.

0.0%	0.0% #EC262B	RGB 236 38 43	#EC262B
16.7%	16.7% #EF2D25	RGB 239 45 37	#EF2D25
33.3%	33.3% #F23B24	RGB 242 59 36	#F23B24
50.0%	50.0% #F54A24	RGB 245 74 36	#F54A24
66.7%	66.7% #F85923	RGB 248 89 35	#F85923
83.3%	83.3% #FB6922	RGB 251 105 34	#FB6922
100.0%	100.0% #FF7A22	RGB 255 122 34	#FF7A22

#EC262B #EF2D25 #F23B24 #F54A24 #F85923 #FB6922 #FF7A22

#EC262C - #F54A24 - #FF7A22

CSS codes

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

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