#AD9969 - #E7E1D4 | 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 #AD9969 to #E7E1D4

#AD9969 #E7E1D4

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

#AD9969 - #E7E1D4 | 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 #AD9969 as 0% and #E7E1D4 as 100%.

0.0%	0.0% #AD9969	RGB 173 153 105	#AD9969
16.7%	16.7% #B6A57A	RGB 182 165 122	#B6A57A
33.3%	33.3% #C0B18C	RGB 192 177 140	#C0B18C
50.0%	50.0% #CABD9E	RGB 202 189 158	#CABD9E
66.7%	66.7% #D3C9B0	RGB 211 201 176	#D3C9B0
83.3%	83.3% #DDD5C2	RGB 221 213 194	#DDD5C2
100.0%	100.0% #E7E1D4	RGB 231 225 212	#E7E1D4

#AD9969 #B6A57A #C0B18C #CABD9E #D3C9B0 #DDD5C2 #E7E1D4

#AD9969 - #E7E1D4

HSV Blend

#AD9969 - #E7E1D4 | 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 #AD9969 as 0% and #E7E1D4 as 100%.

0.0%	0.0% #AD9969	RGB 173 153 105	#AD9969
16.7%	16.7% #B6A478	RGB 182 164 120	#B6A478
33.3%	33.3% #C0AF88	RGB 192 175 136	#C0AF88
50.0%	50.0% #CABB99	RGB 202 187 153	#CABB99
66.7%	66.7% #D3C7AC	RGB 211 199 172	#D3C7AC
83.3%	83.3% #DDD4BF	RGB 221 212 191	#DDD4BF
100.0%	100.0% #E7E1D4	RGB 231 225 212	#E7E1D4

#AD9969 #B6A478 #C0AF88 #CABB99 #D3C7AC #DDD4BF #E7E1D4

#AD9969 - #CABB99 - #E7E1D4

CSS codes

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

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