#F01D14 - #FF710B | 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 #F01D14 to #FF710B

#F01D14 #FF710B

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

#F01D14 - #FF710B | 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 #F01D14 as 0% and #FF710B as 100%.

0.0%	0.0% #F01D14	RGB 240 29 20	#F01D14
16.7%	16.7% #F22B12	RGB 242 43 18	#F22B12
33.3%	33.3% #F53911	RGB 245 57 17	#F53911
50.0%	50.0% #F7470F	RGB 247 71 15	#F7470F
66.7%	66.7% #FA550E	RGB 250 85 14	#FA550E
83.3%	83.3% #FC630C	RGB 252 99 12	#FC630C
100.0%	100.0% #FF710B	RGB 255 113 11	#FF710B

#F01D14 #F22B12 #F53911 #F7470F #FA550E #FC630C #FF710B

#F01D14 - #FF710B

HSV Blend

#F01D14 - #FF710B | 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 #F01D14 as 0% and #FF710B as 100%.

0.0%	0.0% #F01C13	RGB 240 28 19	#F01C13
16.7%	16.7% #F22912	RGB 242 41 18	#F22912
33.3%	33.3% #F53711	RGB 245 55 17	#F53711
50.0%	50.0% #F7440F	RGB 247 68 15	#F7440F
66.7%	66.7% #FA530E	RGB 250 83 14	#FA530E
83.3%	83.3% #FC610C	RGB 252 97 12	#FC610C
100.0%	100.0% #FF710B	RGB 255 113 11	#FF710B

#F01C13 #F22912 #F53711 #F7440F #FA530E #FC610C #FF710B

#F01D14 - #F7440F - #FF710B

CSS codes

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

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