#A9A8AD - #FFDDB1 | 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 #A9A8AD to #FFDDB1

#A9A8AD #FFDDB1

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

#A9A8AD - #FFDDB1 | 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 #A9A8AD as 0% and #FFDDB1 as 100%.

0.0%	0.0% #A9A8AD	RGB 169 168 173	#A9A8AD
16.7%	16.7% #B7B0AD	RGB 183 176 173	#B7B0AD
33.3%	33.3% #C5B9AE	RGB 197 185 174	#C5B9AE
50.0%	50.0% #D4C2AF	RGB 212 194 175	#D4C2AF
66.7%	66.7% #E2CBAF	RGB 226 203 175	#E2CBAF
83.3%	83.3% #F0D4B0	RGB 240 212 176	#F0D4B0
100.0%	100.0% #FFDDB1	RGB 255 221 177	#FFDDB1

#A9A8AD #B7B0AD #C5B9AE #D4C2AF #E2CBAF #F0D4B0 #FFDDB1

#A9A8AD - #FFDDB1

HSV Blend

#A9A8AD - #FFDDB1 | 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 #A9A8AD as 0% and #FFDDB1 as 100%.

0.0%	0.0% #A9A8AD	RGB 169 168 173	#A9A8AD
16.7%	16.7% #B4ACBA	RGB 180 172 186	#B4ACBA
33.3%	33.3% #C8B0C8	RGB 200 176 200	#C8B0C8
50.0%	50.0% #D6B2C8	RGB 214 178 200	#D6B2C8
66.7%	66.7% #E3B3BD	RGB 227 179 189	#E3B3BD
83.3%	83.3% #F1BDB2	RGB 241 189 178	#F1BDB2
100.0%	100.0% #FFDDB1	RGB 255 221 177	#FFDDB1

#A9A8AD #B4ACBA #C8B0C8 #D6B2C8 #E3B3BD #F1BDB2 #FFDDB1

#A9A8AD - #D6B2C8 - #FFDDB1

CSS codes

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

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