#AAA5A6 - #FFDDB7 | 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 #AAA5A6 to #FFDDB7

#AAA5A6 #FFDDB7

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

#AAA5A6 - #FFDDB7 | 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 #AAA5A6 as 0% and #FFDDB7 as 100%.

0.0%	0.0% #AAA5A6	RGB 170 165 166	#AAA5A6
16.7%	16.7% #B8AEA8	RGB 184 174 168	#B8AEA8
33.3%	33.3% #C6B7AB	RGB 198 183 171	#C6B7AB
50.0%	50.0% #D4C1AE	RGB 212 193 174	#D4C1AE
66.7%	66.7% #E2CAB1	RGB 226 202 177	#E2CAB1
83.3%	83.3% #F0D3B4	RGB 240 211 180	#F0D3B4
100.0%	100.0% #FFDDB7	RGB 255 221 183	#FFDDB7

#AAA5A6 #B8AEA8 #C6B7AB #D4C1AE #E2CAB1 #F0D3B4 #FFDDB7

#AAA5A6 - #FFDDB7

HSV Blend

#AAA5A6 - #FFDDB7 | 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 #AAA5A6 as 0% and #FFDDB7 as 100%.

0.0%	0.0% #AAA5A6	RGB 170 165 166	#AAA5A6
16.7%	16.7% #B8AAAC	RGB 184 170 172	#B8AAAC
33.3%	33.3% #C6B0AF	RGB 198 176 175	#C6B0AF
50.0%	50.0% #D4B8B3	RGB 212 184 179	#D4B8B3
66.7%	66.7% #E2C2B5	RGB 226 194 181	#E2C2B5
83.3%	83.3% #F0CEB6	RGB 240 206 182	#F0CEB6
100.0%	100.0% #FFDDB7	RGB 255 221 183	#FFDDB7

#AAA5A6 #B8AAAC #C6B0AF #D4B8B3 #E2C2B5 #F0CEB6 #FFDDB7

#AAA5A6 - #D4B8B3 - #FFDDB7

CSS codes

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

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