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

#DC0800 #FF4A00

Calculate the color between two colors, #DC0800 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)

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

0.0%	0.0% #DC0800	RGB 220 8 0	#DC0800
16.7%	16.7% #E11300	RGB 225 19 0	#E11300
33.3%	33.3% #E71E00	RGB 231 30 0	#E71E00
50.0%	50.0% #ED2900	RGB 237 41 0	#ED2900
66.7%	66.7% #F33400	RGB 243 52 0	#F33400
83.3%	83.3% #F93F00	RGB 249 63 0	#F93F00
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#DC0800 #E11300 #E71E00 #ED2900 #F33400 #F93F00 #FF4A00

#DC0800 - #FF4A00

HSV Blend

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

0.0%	0.0% #DC0800	RGB 220 8 0	#DC0800
16.7%	16.7% #E11100	RGB 225 17 0	#E11100
33.3%	33.3% #E71C00	RGB 231 28 0	#E71C00
50.0%	50.0% #ED2600	RGB 237 38 0	#ED2600
66.7%	66.7% #F33200	RGB 243 50 0	#F33200
83.3%	83.3% #F93D00	RGB 249 61 0	#F93D00
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#DC0800 #E11100 #E71C00 #ED2600 #F33200 #F93D00 #FF4A00

#DC0800 - #ED2600 - #FF4A00

CSS codes

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

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