#AA9A5E - #FFD37A | 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 #AA9A5E to #FFD37A

#AA9A5E #FFD37A

Calculate the color between two colors, #AA9A5E and #FFD37A. 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)

#AA9A5E - #FFD37A | 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 #AA9A5E as 0% and #FFD37A as 100%.

0.0%	0.0% #AA9A5E	RGB 170 154 94	#AA9A5E
16.7%	16.7% #B8A362	RGB 184 163 98	#B8A362
33.3%	33.3% #C6AD67	RGB 198 173 103	#C6AD67
50.0%	50.0% #D4B66C	RGB 212 182 108	#D4B66C
66.7%	66.7% #E2C070	RGB 226 192 112	#E2C070
83.3%	83.3% #F0C975	RGB 240 201 117	#F0C975
100.0%	100.0% #FFD37A	RGB 255 211 122	#FFD37A

#AA9A5E #B8A362 #C6AD67 #D4B66C #E2C070 #F0C975 #FFD37A

#AA9A5E - #FFD37A

HSV Blend

#AA9A5E - #FFD37A | 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 #AA9A5E as 0% and #FFD37A as 100%.

0.0%	0.0% #AA9A5E	RGB 170 154 94	#AA9A5E
16.7%	16.7% #B8A463	RGB 184 164 99	#B8A463
33.3%	33.3% #C6AE68	RGB 198 174 104	#C6AE68
50.0%	50.0% #D4B86D	RGB 212 184 109	#D4B86D
66.7%	66.7% #E2C172	RGB 226 193 114	#E2C172
83.3%	83.3% #F0CA76	RGB 240 202 118	#F0CA76
100.0%	100.0% #FFD37A	RGB 255 211 122	#FFD37A

#AA9A5E #B8A463 #C6AE68 #D4B86D #E2C172 #F0CA76 #FFD37A

#AA9A5E - #D4B86D - #FFD37A

CSS codes

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

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