#AAA7AC - #FFDAAA | 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 #AAA7AC to #FFDAAA

#AAA7AC #FFDAAA

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

#AAA7AC - #FFDAAA | 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 #AAA7AC as 0% and #FFDAAA as 100%.

0.0%	0.0% #AAA7AC	RGB 170 167 172	#AAA7AC
16.7%	16.7% #B8AFAB	RGB 184 175 171	#B8AFAB
33.3%	33.3% #C6B8AB	RGB 198 184 171	#C6B8AB
50.0%	50.0% #D4C0AB	RGB 212 192 171	#D4C0AB
66.7%	66.7% #E2C9AA	RGB 226 201 170	#E2C9AA
83.3%	83.3% #F0D1AA	RGB 240 209 170	#F0D1AA
100.0%	100.0% #FFDAAA	RGB 255 218 170	#FFDAAA

#AAA7AC #B8AFAB #C6B8AB #D4C0AB #E2C9AA #F0D1AA #FFDAAA

#AAA7AC - #FFDAAA

HSV Blend

#AAA7AC - #FFDAAA | 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 #AAA7AC as 0% and #FFDAAA as 100%.

0.0%	0.0% #AAA7AC	RGB 170 167 172	#AAA7AC
16.7%	16.7% #B8ABB9	RGB 184 171 185	#B8ABB9
33.3%	33.3% #C7ADC1	RGB 199 173 193	#C7ADC1
50.0%	50.0% #D5AEBE	RGB 213 174 190	#D5AEBE
66.7%	66.7% #E3AEB3	RGB 227 174 179	#E3AEB3
83.3%	83.3% #F1BDAD	RGB 241 189 173	#F1BDAD
100.0%	100.0% #FFDAAA	RGB 255 218 170	#FFDAAA

#AAA7AC #B8ABB9 #C7ADC1 #D5AEBE #E3AEB3 #F1BDAD #FFDAAA

#AAA7AC - #D5AEBE - #FFDAAA

CSS codes

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

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