#AA9A68 - #E6E2D3 | 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 #AA9A68 to #E6E2D3

#AA9A68 #E6E2D3

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

#AA9A68 - #E6E2D3 | 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 #AA9A68 as 0% and #E6E2D3 as 100%.

0.0%	0.0% #AA9A68	RGB 170 154 104	#AA9A68
16.7%	16.7% #B4A679	RGB 180 166 121	#B4A679
33.3%	33.3% #BEB28B	RGB 190 178 139	#BEB28B
50.0%	50.0% #C8BE9D	RGB 200 190 157	#C8BE9D
66.7%	66.7% #D2CAAF	RGB 210 202 175	#D2CAAF
83.3%	83.3% #DCD6C1	RGB 220 214 193	#DCD6C1
100.0%	100.0% #E6E2D3	RGB 230 226 211	#E6E2D3

#AA9A68 #B4A679 #BEB28B #C8BE9D #D2CAAF #DCD6C1 #E6E2D3

#AA9A68 - #E6E2D3

HSV Blend

#AA9A68 - #E6E2D3 | 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 #AA9A68 as 0% and #E6E2D3 as 100%.

0.0%	0.0% #AA9A68	RGB 170 154 104	#AA9A68
16.7%	16.7% #B4A577	RGB 180 165 119	#B4A577
33.3%	33.3% #BEB187	RGB 190 177 135	#BEB187
50.0%	50.0% #C8BD98	RGB 200 189 152	#C8BD98
66.7%	66.7% #D2C9AB	RGB 210 201 171	#D2C9AB
83.3%	83.3% #DCD5BE	RGB 220 213 190	#DCD5BE
100.0%	100.0% #E6E2D3	RGB 230 226 211	#E6E2D3

#AA9A68 #B4A577 #BEB187 #C8BD98 #D2C9AB #DCD5BE #E6E2D3

#AA9A68 - #C8BD98 - #E6E2D3

CSS codes

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

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