#AAA7AF - #FFDFB0 | 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 #AAA7AF to #FFDFB0

#AAA7AF #FFDFB0

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

#AAA7AF - #FFDFB0 | 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 #AAA7AF as 0% and #FFDFB0 as 100%.

0.0%	0.0% #AAA7AF	RGB 170 167 175	#AAA7AF
16.7%	16.7% #B8B0AF	RGB 184 176 175	#B8B0AF
33.3%	33.3% #C6B9AF	RGB 198 185 175	#C6B9AF
50.0%	50.0% #D4C3AF	RGB 212 195 175	#D4C3AF
66.7%	66.7% #E2CCAF	RGB 226 204 175	#E2CCAF
83.3%	83.3% #F0D5AF	RGB 240 213 175	#F0D5AF
100.0%	100.0% #FFDFB0	RGB 255 223 176	#FFDFB0

#AAA7AF #B8B0AF #C6B9AF #D4C3AF #E2CCAF #F0D5AF #FFDFB0

#AAA7AF - #FFDFB0

HSV Blend

#AAA7AF - #FFDFB0 | 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 #AAA7AF as 0% and #FFDFB0 as 100%.

0.0%	0.0% #AAA7AF	RGB 170 167 175	#AAA7AF
16.7%	16.7% #B8ABBC	RGB 184 171 188	#B8ABBC
33.3%	33.3% #C9AEC6	RGB 201 174 198	#C9AEC6
50.0%	50.0% #D7B0C4	RGB 215 176 196	#D7B0C4
66.7%	66.7% #E4B1B9	RGB 228 177 185	#E4B1B9
83.3%	83.3% #F1BFB1	RGB 241 191 177	#F1BFB1
100.0%	100.0% #FFDFB0	RGB 255 223 176	#FFDFB0

#AAA7AF #B8ABBC #C9AEC6 #D7B0C4 #E4B1B9 #F1BFB1 #FFDFB0

#AAA7AF - #D7B0C4 - #FFDFB0

CSS codes

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

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