#AA6500 - #68310C | 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 #AA6500 to #68310C

#AA6500 #68310C

Calculate the color between two colors, #AA6500 and #68310C. 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)

#AA6500 - #68310C | 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 #AA6500 as 0% and #68310C as 100%.

0.0%	0.0% #AA6500	RGB 170 101 0	#AA6500
16.7%	16.7% #9F5C02	RGB 159 92 2	#9F5C02
33.3%	33.3% #945304	RGB 148 83 4	#945304
50.0%	50.0% #894B06	RGB 137 75 6	#894B06
66.7%	66.7% #7E4208	RGB 126 66 8	#7E4208
83.3%	83.3% #73390A	RGB 115 57 10	#73390A
100.0%	100.0% #68310C	RGB 104 49 12	#68310C

#AA6500 #9F5C02 #945304 #894B06 #7E4208 #73390A #68310C

#AA6500 - #68310C

HSV Blend

#AA6500 - #68310C | 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 #AA6500 as 0% and #68310C as 100%.

0.0%	0.0% #AA6500	RGB 170 101 0	#AA6500
16.7%	16.7% #9F5A03	RGB 159 90 3	#9F5A03
33.3%	33.3% #945105	RGB 148 81 5	#945105
50.0%	50.0% #894807	RGB 137 72 7	#894807
66.7%	66.7% #7E3F09	RGB 126 63 9	#7E3F09
83.3%	83.3% #73380B	RGB 115 56 11	#73380B
100.0%	100.0% #68310C	RGB 104 49 12	#68310C

#AA6500 #9F5A03 #945105 #894807 #7E3F09 #73380B #68310C

#AA6500 - #894807 - #68310C

CSS codes

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

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