#AA8B5E - #FFCB7B | 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 #AA8B5E to #FFCB7B

#AA8B5E #FFCB7B

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

#AA8B5E - #FFCB7B | 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 #AA8B5E as 0% and #FFCB7B as 100%.

0.0%	0.0% #AA8B5E	RGB 170 139 94	#AA8B5E
16.7%	16.7% #B89562	RGB 184 149 98	#B89562
33.3%	33.3% #C6A067	RGB 198 160 103	#C6A067
50.0%	50.0% #D4AB6C	RGB 212 171 108	#D4AB6C
66.7%	66.7% #E2B571	RGB 226 181 113	#E2B571
83.3%	83.3% #F0C076	RGB 240 192 118	#F0C076
100.0%	100.0% #FFCB7B	RGB 255 203 123	#FFCB7B

#AA8B5E #B89562 #C6A067 #D4AB6C #E2B571 #F0C076 #FFCB7B

#AA8B5E - #FFCB7B

HSV Blend

#AA8B5E - #FFCB7B | 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 #AA8B5E as 0% and #FFCB7B as 100%.

0.0%	0.0% #AA8B5E	RGB 170 139 94	#AA8B5E
16.7%	16.7% #B89563	RGB 184 149 99	#B89563
33.3%	33.3% #C6A069	RGB 198 160 105	#C6A069
50.0%	50.0% #D4AB6E	RGB 212 171 110	#D4AB6E
66.7%	66.7% #E2B672	RGB 226 182 114	#E2B672
83.3%	83.3% #F0C077	RGB 240 192 119	#F0C077
100.0%	100.0% #FFCB7B	RGB 255 203 123	#FFCB7B

#AA8B5E #B89563 #C6A069 #D4AB6E #E2B672 #F0C077 #FFCB7B

#AA8B5E - #D4AB6E - #FFCB7B

CSS codes

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

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