#A9ABA2 - #FFE2B2 | 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 #A9ABA2 to #FFE2B2

#A9ABA2 #FFE2B2

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

#A9ABA2 - #FFE2B2 | 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 #A9ABA2 as 0% and #FFE2B2 as 100%.

0.0%	0.0% #A9ABA2	RGB 169 171 162	#A9ABA2
16.7%	16.7% #B7B4A4	RGB 183 180 164	#B7B4A4
33.3%	33.3% #C5BDA7	RGB 197 189 167	#C5BDA7
50.0%	50.0% #D4C6AA	RGB 212 198 170	#D4C6AA
66.7%	66.7% #E2CFAC	RGB 226 207 172	#E2CFAC
83.3%	83.3% #F0D8AF	RGB 240 216 175	#F0D8AF
100.0%	100.0% #FFE2B2	RGB 255 226 178	#FFE2B2

#A9ABA2 #B7B4A4 #C5BDA7 #D4C6AA #E2CFAC #F0D8AF #FFE2B2

#A9ABA2 - #FFE2B2

HSV Blend

#A9ABA2 - #FFE2B2 | 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 #A9ABA2 as 0% and #FFE2B2 as 100%.

0.0%	0.0% #A9ABA2	RGB 169 171 162	#A9ABA2
16.7%	16.7% #B6B9A7	RGB 182 185 167	#B6B9A7
33.3%	33.3% #C6C7AB	RGB 198 199 171	#C6C7AB
50.0%	50.0% #D5D2AF	RGB 213 210 175	#D5D2AF
66.7%	66.7% #E3DAB1	RGB 227 218 177	#E3DAB1
83.3%	83.3% #F1DFB2	RGB 241 223 178	#F1DFB2
100.0%	100.0% #FFE2B2	RGB 255 226 178	#FFE2B2

#A9ABA2 #B6B9A7 #C6C7AB #D5D2AF #E3DAB1 #F1DFB2 #FFE2B2

#A9ABA2 - #D5D2AF - #FFE2B2

CSS codes

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

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