#C62F00 - #FF7000 | 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 #C62F00 to #FF7000

#C62F00 #FF7000

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

#C62F00 - #FF7000 | 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 #C62F00 as 0% and #FF7000 as 100%.

0.0%	0.0% #C62F00	RGB 198 47 0	#C62F00
16.7%	16.7% #CF3900	RGB 207 57 0	#CF3900
33.3%	33.3% #D94400	RGB 217 68 0	#D94400
50.0%	50.0% #E24F00	RGB 226 79 0	#E24F00
66.7%	66.7% #EC5A00	RGB 236 90 0	#EC5A00
83.3%	83.3% #F56500	RGB 245 101 0	#F56500
100.0%	100.0% #FF7000	RGB 255 112 0	#FF7000

#C62F00 #CF3900 #D94400 #E24F00 #EC5A00 #F56500 #FF7000

#C62F00 - #FF7000

HSV Blend

#C62F00 - #FF7000 | 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 #C62F00 as 0% and #FF7000 as 100%.

0.0%	0.0% #C62E00	RGB 198 46 0	#C62E00
16.7%	16.7% #CF3800	RGB 207 56 0	#CF3800
33.3%	33.3% #D94200	RGB 217 66 0	#D94200
50.0%	50.0% #E24C00	RGB 226 76 0	#E24C00
66.7%	66.7% #EC5700	RGB 236 87 0	#EC5700
83.3%	83.3% #F56300	RGB 245 99 0	#F56300
100.0%	100.0% #FF7000	RGB 255 112 0	#FF7000

#C62E00 #CF3800 #D94200 #E24C00 #EC5700 #F56300 #FF7000

#C62F00 - #E24C00 - #FF7000

CSS codes

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

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