#AA992B - #302B0C | 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 #AA992B to #302B0C

#AA992B #302B0C

Calculate the color between two colors, #AA992B and #302B0C. 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)

#AA992B - #302B0C | 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 #AA992B as 0% and #302B0C as 100%.

0.0%	0.0% #AA992B	RGB 170 153 43	#AA992B
16.7%	16.7% #958625	RGB 149 134 37	#958625
33.3%	33.3% #817420	RGB 129 116 32	#817420
50.0%	50.0% #6D621B	RGB 109 98 27	#6D621B
66.7%	66.7% #584F16	RGB 88 79 22	#584F16
83.3%	83.3% #443D11	RGB 68 61 17	#443D11
100.0%	100.0% #302B0C	RGB 48 43 12	#302B0C

#AA992B #958625 #817420 #6D621B #584F16 #443D11 #302B0C

#AA992B - #302B0C

HSV Blend

#AA992B - #302B0C | 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 #AA992B as 0% and #302B0C as 100%.

0.0%	0.0% #AA992B	RGB 170 153 43	#AA992B
16.7%	16.7% #958625	RGB 149 134 37	#958625
33.3%	33.3% #817420	RGB 129 116 32	#817420
50.0%	50.0% #6D611B	RGB 109 97 27	#6D611B
66.7%	66.7% #584F16	RGB 88 79 22	#584F16
83.3%	83.3% #443D11	RGB 68 61 17	#443D11
100.0%	100.0% #302B0C	RGB 48 43 12	#302B0C

#AA992B #958625 #817420 #6D611B #584F16 #443D11 #302B0C

#AA992B - #6D611B - #302B0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA992B 0%, #6D611B 50%, #302B0C 100%);
    background: -webkit-linear-gradient(top, #AA992B 0%, #6D611B 50%, #302B0C 100%);
    background: linear-gradient(to bottom, #AA992B 0%, #6D611B 50%, #302B0C 100%);
}
</style>