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

#A8A7AD #FFDDB1

Calculate the color between two colors, #A8A7AD 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)

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

0.0%	0.0% #A8A7AD	RGB 168 167 173	#A8A7AD
16.7%	16.7% #B6B0AD	RGB 182 176 173	#B6B0AD
33.3%	33.3% #C5B9AE	RGB 197 185 174	#C5B9AE
50.0%	50.0% #D3C2AF	RGB 211 194 175	#D3C2AF
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

#A8A7AD #B6B0AD #C5B9AE #D3C2AF #E2CBAF #F0D4B0 #FFDDB1

#A8A7AD - #FFDDB1

HSV Blend

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

0.0%	0.0% #A8A7AD	RGB 168 167 173	#A8A7AD
16.7%	16.7% #B4ABBA	RGB 180 171 186	#B4ABBA
33.3%	33.3% #C7AFC8	RGB 199 175 200	#C7AFC8
50.0%	50.0% #D6B1C8	RGB 214 177 200	#D6B1C8
66.7%	66.7% #E3B2BE	RGB 227 178 190	#E3B2BE
83.3%	83.3% #F1BCB2	RGB 241 188 178	#F1BCB2
100.0%	100.0% #FFDDB1	RGB 255 221 177	#FFDDB1

#A8A7AD #B4ABBA #C7AFC8 #D6B1C8 #E3B2BE #F1BCB2 #FFDDB1

#A8A7AD - #D6B1C8 - #FFDDB1

CSS codes

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

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