#AAA95C - #827D18 | 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 #AAA95C to #827D18

#AAA95C #827D18

Calculate the color between two colors, #AAA95C and #827D18. 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)

#AAA95C - #827D18 | 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 #AAA95C as 0% and #827D18 as 100%.

0.0%	0.0% #AAA95C	RGB 170 169 92	#AAA95C
16.7%	16.7% #A3A150	RGB 163 161 80	#A3A150
33.3%	33.3% #9C9A45	RGB 156 154 69	#9C9A45
50.0%	50.0% #96933A	RGB 150 147 58	#96933A
66.7%	66.7% #8F8B2E	RGB 143 139 46	#8F8B2E
83.3%	83.3% #888423	RGB 136 132 35	#888423
100.0%	100.0% #827D18	RGB 130 125 24	#827D18

#AAA95C #A3A150 #9C9A45 #96933A #8F8B2E #888423 #827D18

#AAA95C - #827D18

HSV Blend

#AAA95C - #827D18 | 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 #AAA95C as 0% and #827D18 as 100%.

0.0%	0.0% #AAA95C	RGB 170 169 92	#AAA95C
16.7%	16.7% #A3A14E	RGB 163 161 78	#A3A14E
33.3%	33.3% #9C9A42	RGB 156 154 66	#9C9A42
50.0%	50.0% #969336	RGB 150 147 54	#969336
66.7%	66.7% #8F8B2B	RGB 143 139 43	#8F8B2B
83.3%	83.3% #888421	RGB 136 132 33	#888421
100.0%	100.0% #827D18	RGB 130 125 24	#827D18

#AAA95C #A3A14E #9C9A42 #969336 #8F8B2B #888421 #827D18

#AAA95C - #969336 - #827D18

CSS codes

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

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