#FF4D00 - #CF6900 | 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 #FF4D00 to #CF6900

#FF4D00 #CF6900

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

#FF4D00 - #CF6900 | 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 #FF4D00 as 0% and #CF6900 as 100%.

0.0%	0.0% #FF4D00	RGB 255 77 0	#FF4D00
16.7%	16.7% #F75100	RGB 247 81 0	#F75100
33.3%	33.3% #EF5600	RGB 239 86 0	#EF5600
50.0%	50.0% #E75B00	RGB 231 91 0	#E75B00
66.7%	66.7% #DF5F00	RGB 223 95 0	#DF5F00
83.3%	83.3% #D76400	RGB 215 100 0	#D76400
100.0%	100.0% #CF6900	RGB 207 105 0	#CF6900

#FF4D00 #F75100 #EF5600 #E75B00 #DF5F00 #D76400 #CF6900

#FF4D00 - #CF6900

HSV Blend

#FF4D00 - #CF6900 | 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 #FF4D00 as 0% and #CF6900 as 100%.

0.0%	0.0% #FF4D00	RGB 255 77 0	#FF4D00
16.7%	16.7% #F75300	RGB 247 83 0	#F75300
33.3%	33.3% #EF5800	RGB 239 88 0	#EF5800
50.0%	50.0% #E75D00	RGB 231 93 0	#E75D00
66.7%	66.7% #DF6100	RGB 223 97 0	#DF6100
83.3%	83.3% #D76500	RGB 215 101 0	#D76500
100.0%	100.0% #CF6900	RGB 207 105 0	#CF6900

#FF4D00 #F75300 #EF5800 #E75D00 #DF6100 #D76500 #CF6900

#FF4D00 - #E75D00 - #CF6900

CSS codes

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

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