#EE010F - #FF4A00 | 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 #EE010F to #FF4A00

#EE010F #FF4A00

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

#EE010F - #FF4A00 | 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 #EE010F as 0% and #FF4A00 as 100%.

0.0%	0.0% #EE010F	RGB 238 1 15	#EE010F
16.7%	16.7% #F00D0C	RGB 240 13 12	#F00D0C
33.3%	33.3% #F3190A	RGB 243 25 10	#F3190A
50.0%	50.0% #F62507	RGB 246 37 7	#F62507
66.7%	66.7% #F93105	RGB 249 49 5	#F93105
83.3%	83.3% #FC3D02	RGB 252 61 2	#FC3D02
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#EE010F #F00D0C #F3190A #F62507 #F93105 #FC3D02 #FF4A00

#EE010F - #FF4A00

HSV Blend

#EE010F - #FF4A00 | 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 #EE010F as 0% and #FF4A00 as 100%.

0.0%	0.0% #EE010F	RGB 238 1 15	#EE010F
16.7%	16.7% #F00001	RGB 240 0 1	#F00001
33.3%	33.3% #F30E00	RGB 243 14 0	#F30E00
50.0%	50.0% #F61C00	RGB 246 28 0	#F61C00
66.7%	66.7% #F92B00	RGB 249 43 0	#F92B00
83.3%	83.3% #FC3A00	RGB 252 58 0	#FC3A00
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#EE010F #F00001 #F30E00 #F61C00 #F92B00 #FC3A00 #FF4A00

#EE010F - #F61C00 - #FF4A00

CSS codes

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

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