#CF3C00 - #FF7F00 | 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 #CF3C00 to #FF7F00

#CF3C00 #FF7F00

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

#CF3C00 - #FF7F00 | 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 #CF3C00 as 0% and #FF7F00 as 100%.

0.0%	0.0% #CF3C00	RGB 207 60 0	#CF3C00
16.7%	16.7% #D74700	RGB 215 71 0	#D74700
33.3%	33.3% #DF5200	RGB 223 82 0	#DF5200
50.0%	50.0% #E75D00	RGB 231 93 0	#E75D00
66.7%	66.7% #EF6800	RGB 239 104 0	#EF6800
83.3%	83.3% #F77300	RGB 247 115 0	#F77300
100.0%	100.0% #FF7F00	RGB 255 127 0	#FF7F00

#CF3C00 #D74700 #DF5200 #E75D00 #EF6800 #F77300 #FF7F00

#CF3C00 - #FF7F00

HSV Blend

#CF3C00 - #FF7F00 | 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 #CF3C00 as 0% and #FF7F00 as 100%.

0.0%	0.0% #CF3C00	RGB 207 60 0	#CF3C00
16.7%	16.7% #D74500	RGB 215 69 0	#D74500
33.3%	33.3% #DF5000	RGB 223 80 0	#DF5000
50.0%	50.0% #E75B00	RGB 231 91 0	#E75B00
66.7%	66.7% #EF6600	RGB 239 102 0	#EF6600
83.3%	83.3% #F77200	RGB 247 114 0	#F77200
100.0%	100.0% #FF7F00	RGB 255 127 0	#FF7F00

#CF3C00 #D74500 #DF5000 #E75B00 #EF6600 #F77200 #FF7F00

#CF3C00 - #E75B00 - #FF7F00

CSS codes

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

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