#AA9C7B - #FFD695 | 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 #AA9C7B to #FFD695

#AA9C7B #FFD695

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

#AA9C7B - #FFD695 | 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 #AA9C7B as 0% and #FFD695 as 100%.

0.0%	0.0% #AA9C7B	RGB 170 156 123	#AA9C7B
16.7%	16.7% #B8A57F	RGB 184 165 127	#B8A57F
33.3%	33.3% #C6AF83	RGB 198 175 131	#C6AF83
50.0%	50.0% #D4B988	RGB 212 185 136	#D4B988
66.7%	66.7% #E2C28C	RGB 226 194 140	#E2C28C
83.3%	83.3% #F0CC90	RGB 240 204 144	#F0CC90
100.0%	100.0% #FFD695	RGB 255 214 149	#FFD695

#AA9C7B #B8A57F #C6AF83 #D4B988 #E2C28C #F0CC90 #FFD695

#AA9C7B - #FFD695

HSV Blend

#AA9C7B - #FFD695 | 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 #AA9C7B as 0% and #FFD695 as 100%.

0.0%	0.0% #AA9C7B	RGB 170 156 123	#AA9C7B
16.7%	16.7% #B8A680	RGB 184 166 128	#B8A680
33.3%	33.3% #C6B186	RGB 198 177 134	#C6B186
50.0%	50.0% #D4BB8A	RGB 212 187 138	#D4BB8A
66.7%	66.7% #E2C48E	RGB 226 196 142	#E2C48E
83.3%	83.3% #F0CD92	RGB 240 205 146	#F0CD92
100.0%	100.0% #FFD695	RGB 255 214 149	#FFD695

#AA9C7B #B8A680 #C6B186 #D4BB8A #E2C48E #F0CD92 #FFD695

#AA9C7B - #D4BB8A - #FFD695

CSS codes

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

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