#A83600 - #F07201 | 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 #A83600 to #F07201

#A83600 #F07201

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

#A83600 - #F07201 | 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 #A83600 as 0% and #F07201 as 100%.

0.0%	0.0% #A83600	RGB 168 54 0	#A83600
16.7%	16.7% #B44000	RGB 180 64 0	#B44000
33.3%	33.3% #C04A00	RGB 192 74 0	#C04A00
50.0%	50.0% #CC5400	RGB 204 84 0	#CC5400
66.7%	66.7% #D85E00	RGB 216 94 0	#D85E00
83.3%	83.3% #E46800	RGB 228 104 0	#E46800
100.0%	100.0% #F07201	RGB 240 114 1	#F07201

#A83600 #B44000 #C04A00 #CC5400 #D85E00 #E46800 #F07201

#A83600 - #F07201

HSV Blend

#A83600 - #F07201 | 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 #A83600 as 0% and #F07201 as 100%.

0.0%	0.0% #A83600	RGB 168 54 0	#A83600
16.7%	16.7% #B43E00	RGB 180 62 0	#B43E00
33.3%	33.3% #C04700	RGB 192 71 0	#C04700
50.0%	50.0% #CC5100	RGB 204 81 0	#CC5100
66.7%	66.7% #D85B00	RGB 216 91 0	#D85B00
83.3%	83.3% #E46600	RGB 228 102 0	#E46600
100.0%	100.0% #F07201	RGB 240 114 1	#F07201

#A83600 #B43E00 #C04700 #CC5100 #D85B00 #E46600 #F07201

#A83600 - #CC5100 - #F07201

CSS codes

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

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