#DC3312 - #FF7F10 | 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 #DC3312 to #FF7F10

#DC3312 #FF7F10

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

#DC3312 - #FF7F10 | 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 #DC3312 as 0% and #FF7F10 as 100%.

0.0%	0.0% #DC3312	RGB 220 51 18	#DC3312
16.7%	16.7% #E13F11	RGB 225 63 17	#E13F11
33.3%	33.3% #E74C11	RGB 231 76 17	#E74C11
50.0%	50.0% #ED5911	RGB 237 89 17	#ED5911
66.7%	66.7% #F36510	RGB 243 101 16	#F36510
83.3%	83.3% #F97210	RGB 249 114 16	#F97210
100.0%	100.0% #FF7F10	RGB 255 127 16	#FF7F10

#DC3312 #E13F11 #E74C11 #ED5911 #F36510 #F97210 #FF7F10

#DC3312 - #FF7F10

HSV Blend

#DC3312 - #FF7F10 | 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 #DC3312 as 0% and #FF7F10 as 100%.

0.0%	0.0% #DC3311	RGB 220 51 17	#DC3311
16.7%	16.7% #E13E11	RGB 225 62 17	#E13E11
33.3%	33.3% #E74911	RGB 231 73 17	#E74911
50.0%	50.0% #ED5611	RGB 237 86 17	#ED5611
66.7%	66.7% #F36310	RGB 243 99 16	#F36310
83.3%	83.3% #F97010	RGB 249 112 16	#F97010
100.0%	100.0% #FF7F10	RGB 255 127 16	#FF7F10

#DC3311 #E13E11 #E74911 #ED5611 #F36310 #F97010 #FF7F10

#DC3312 - #ED5611 - #FF7F10

CSS codes

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

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