#A83600 - #472E1B | 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 #472E1B

#A83600 #472E1B

Calculate the color between two colors, #A83600 and #472E1B. 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 - #472E1B | 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 #472E1B as 100%.

0.0%	0.0% #A83600	RGB 168 54 0	#A83600
16.7%	16.7% #973404	RGB 151 52 4	#973404
33.3%	33.3% #873309	RGB 135 51 9	#873309
50.0%	50.0% #77320D	RGB 119 50 13	#77320D
66.7%	66.7% #673012	RGB 103 48 18	#673012
83.3%	83.3% #572F16	RGB 87 47 22	#572F16
100.0%	100.0% #472E1B	RGB 71 46 27	#472E1B

#A83600 #973404 #873309 #77320D #673012 #572F16 #472E1B

#A83600 - #472E1B

HSV Blend

#A83600 - #472E1B | 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 #472E1B as 100%.

0.0%	0.0% #A83600	RGB 168 54 0	#A83600
16.7%	16.7% #973909	RGB 151 57 9	#973909
33.3%	33.3% #873B11	RGB 135 59 17	#873B11
50.0%	50.0% #773B16	RGB 119 59 22	#773B16
66.7%	66.7% #67381A	RGB 103 56 26	#67381A
83.3%	83.3% #57341B	RGB 87 52 27	#57341B
100.0%	100.0% #472E1B	RGB 71 46 27	#472E1B

#A83600 #973909 #873B11 #773B16 #67381A #57341B #472E1B

#A83600 - #773B16 - #472E1B

CSS codes

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

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