#F13000 - #FF7E00 | 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 #F13000 to #FF7E00

#F13000 #FF7E00

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

#F13000 - #FF7E00 | 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 #F13000 as 0% and #FF7E00 as 100%.

0.0%	0.0% #F13000	RGB 241 48 0	#F13000
16.7%	16.7% #F33D00	RGB 243 61 0	#F33D00
33.3%	33.3% #F54A00	RGB 245 74 0	#F54A00
50.0%	50.0% #F85700	RGB 248 87 0	#F85700
66.7%	66.7% #FA6400	RGB 250 100 0	#FA6400
83.3%	83.3% #FC7100	RGB 252 113 0	#FC7100
100.0%	100.0% #FF7E00	RGB 255 126 0	#FF7E00

#F13000 #F33D00 #F54A00 #F85700 #FA6400 #FC7100 #FF7E00

#F13000 - #FF7E00

HSV Blend

#F13000 - #FF7E00 | 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 #F13000 as 0% and #FF7E00 as 100%.

0.0%	0.0% #F13000	RGB 241 48 0	#F13000
16.7%	16.7% #F33C00	RGB 243 60 0	#F33C00
33.3%	33.3% #F54900	RGB 245 73 0	#F54900
50.0%	50.0% #F85500	RGB 248 85 0	#F85500
66.7%	66.7% #FA6300	RGB 250 99 0	#FA6300
83.3%	83.3% #FC7000	RGB 252 112 0	#FC7000
100.0%	100.0% #FF7E00	RGB 255 126 0	#FF7E00

#F13000 #F33C00 #F54900 #F85500 #FA6300 #FC7000 #FF7E00

#F13000 - #F85500 - #FF7E00

CSS codes

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

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