#DB3E14 - #FF8A16 | 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 #DB3E14 to #FF8A16

#DB3E14 #FF8A16

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

#DB3E14 - #FF8A16 | 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 #DB3E14 as 0% and #FF8A16 as 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #E14A14	RGB 225 74 20	#E14A14
33.3%	33.3% #E75714	RGB 231 87 20	#E75714
50.0%	50.0% #ED6415	RGB 237 100 21	#ED6415
66.7%	66.7% #F37015	RGB 243 112 21	#F37015
83.3%	83.3% #F97D15	RGB 249 125 21	#F97D15
100.0%	100.0% #FF8A16	RGB 255 138 22	#FF8A16

#DB3E14 #E14A14 #E75714 #ED6415 #F37015 #F97D15 #FF8A16

#DB3E14 - #FF8A16

HSV Blend

#DB3E14 - #FF8A16 | 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 #DB3E14 as 0% and #FF8A16 as 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #E14914	RGB 225 73 20	#E14914
33.3%	33.3% #E75514	RGB 231 85 20	#E75514
50.0%	50.0% #ED6115	RGB 237 97 21	#ED6115
66.7%	66.7% #F36E15	RGB 243 110 21	#F36E15
83.3%	83.3% #F97B15	RGB 249 123 21	#F97B15
100.0%	100.0% #FF8A16	RGB 255 138 22	#FF8A16

#DB3E14 #E14914 #E75514 #ED6115 #F36E15 #F97B15 #FF8A16

#DB3E14 - #ED6115 - #FF8A16

CSS codes

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

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