#A8AFB0 - #E9DAC5 | 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 #A8AFB0 to #E9DAC5

#A8AFB0 #E9DAC5

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

#A8AFB0 - #E9DAC5 | 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 #A8AFB0 as 0% and #E9DAC5 as 100%.

0.0%	0.0% #A8AFB0	RGB 168 175 176	#A8AFB0
16.7%	16.7% #B2B6B3	RGB 178 182 179	#B2B6B3
33.3%	33.3% #BDBDB7	RGB 189 189 183	#BDBDB7
50.0%	50.0% #C8C4BA	RGB 200 196 186	#C8C4BA
66.7%	66.7% #D3CBBE	RGB 211 203 190	#D3CBBE
83.3%	83.3% #DED2C1	RGB 222 210 193	#DED2C1
100.0%	100.0% #E9DAC5	RGB 233 218 197	#E9DAC5

#A8AFB0 #B2B6B3 #BDBDB7 #C8C4BA #D3CBBE #DED2C1 #E9DAC5

#A8AFB0 - #E9DAC5

HSV Blend

#A8AFB0 - #E9DAC5 | 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 #A8AFB0 as 0% and #E9DAC5 as 100%.

0.0%	0.0% #A8AFB0	RGB 168 175 176	#A8AFB0
16.7%	16.7% #ADB9B5	RGB 173 185 181	#ADB9B5
33.3%	33.3% #B3C3B7	RGB 179 195 183	#B3C3B7
50.0%	50.0% #BBCCB8	RGB 187 204 184	#BBCCB8
66.7%	66.7% #CBD6BC	RGB 203 214 188	#CBD6BC
83.3%	83.3% #DFDFC1	RGB 223 223 193	#DFDFC1
100.0%	100.0% #E9DAC5	RGB 233 218 197	#E9DAC5

#A8AFB0 #ADB9B5 #B3C3B7 #BBCCB8 #CBD6BC #DFDFC1 #E9DAC5

#A8AFB0 - #BBCCB8 - #E9DAC5

CSS codes

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

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