#AA3A00 - #5C1D0C | 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 #AA3A00 to #5C1D0C

#AA3A00 #5C1D0C

Calculate the color between two colors, #AA3A00 and #5C1D0C. 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)

#AA3A00 - #5C1D0C | 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 #AA3A00 as 0% and #5C1D0C as 100%.

0.0%	0.0% #AA3A00	RGB 170 58 0	#AA3A00
16.7%	16.7% #9D3502	RGB 157 53 2	#9D3502
33.3%	33.3% #903004	RGB 144 48 4	#903004
50.0%	50.0% #832B06	RGB 131 43 6	#832B06
66.7%	66.7% #762608	RGB 118 38 8	#762608
83.3%	83.3% #69210A	RGB 105 33 10	#69210A
100.0%	100.0% #5C1D0C	RGB 92 29 12	#5C1D0C

#AA3A00 #9D3502 #903004 #832B06 #762608 #69210A #5C1D0C

#AA3A00 - #5C1D0C

HSV Blend

#AA3A00 - #5C1D0C | 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 #AA3A00 as 0% and #5C1D0C as 100%.

0.0%	0.0% #AA3A00	RGB 170 58 0	#AA3A00
16.7%	16.7% #9D3403	RGB 157 52 3	#9D3403
33.3%	33.3% #902F06	RGB 144 47 6	#902F06
50.0%	50.0% #832A08	RGB 131 42 8	#832A08
66.7%	66.7% #76250A	RGB 118 37 10	#76250A
83.3%	83.3% #69210B	RGB 105 33 11	#69210B
100.0%	100.0% #5C1D0C	RGB 92 29 12	#5C1D0C

#AA3A00 #9D3403 #902F06 #832A08 #76250A #69210B #5C1D0C

#AA3A00 - #832A08 - #5C1D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA3A00 0%, #832A08 50%, #5C1D0C 100%);
    background: -webkit-linear-gradient(top, #AA3A00 0%, #832A08 50%, #5C1D0C 100%);
    background: linear-gradient(to bottom, #AA3A00 0%, #832A08 50%, #5C1D0C 100%);
}
</style>