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

#DB0716 #FF4A00

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

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

0.0%	0.0% #DB0716	RGB 219 7 22	#DB0716
16.7%	16.7% #E11212	RGB 225 18 18	#E11212
33.3%	33.3% #E71D0E	RGB 231 29 14	#E71D0E
50.0%	50.0% #ED280B	RGB 237 40 11	#ED280B
66.7%	66.7% #F33307	RGB 243 51 7	#F33307
83.3%	83.3% #F93E03	RGB 249 62 3	#F93E03
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#DB0716 #E11212 #E71D0E #ED280B #F33307 #F93E03 #FF4A00

#DB0716 - #FF4A00

HSV Blend

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

0.0%	0.0% #DB0716	RGB 219 7 22	#DB0716
16.7%	16.7% #E10508	RGB 225 5 8	#E10508
33.3%	33.3% #E71004	RGB 231 16 4	#E71004
50.0%	50.0% #ED1D03	RGB 237 29 3	#ED1D03
66.7%	66.7% #F32B02	RGB 243 43 2	#F32B02
83.3%	83.3% #F93A01	RGB 249 58 1	#F93A01
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#DB0716 #E10508 #E71004 #ED1D03 #F32B02 #F93A01 #FF4A00

#DB0716 - #ED1D03 - #FF4A00

CSS codes

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

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