#AAB4C0 - #E3DACB | 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 #AAB4C0 to #E3DACB

#AAB4C0 #E3DACB

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

#AAB4C0 - #E3DACB | 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 #AAB4C0 as 0% and #E3DACB as 100%.

0.0%	0.0% #AAB4C0	RGB 170 180 192	#AAB4C0
16.7%	16.7% #B3BAC1	RGB 179 186 193	#B3BAC1
33.3%	33.3% #BDC0C3	RGB 189 192 195	#BDC0C3
50.0%	50.0% #C6C7C5	RGB 198 199 197	#C6C7C5
66.7%	66.7% #D0CDC7	RGB 208 205 199	#D0CDC7
83.3%	83.3% #D9D3C9	RGB 217 211 201	#D9D3C9
100.0%	100.0% #E3DACB	RGB 227 218 203	#E3DACB

#AAB4C0 #B3BAC1 #BDC0C3 #C6C7C5 #D0CDC7 #D9D3C9 #E3DACB

#AAB4C0 - #E3DACB

HSV Blend

#AAB4C0 - #E3DACB | 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 #AAB4C0 as 0% and #E3DACB as 100%.

0.0%	0.0% #AAB4C0	RGB 170 180 192	#AAB4C0
16.7%	16.7% #AFC4C5	RGB 175 196 197	#AFC4C5
33.3%	33.3% #B4CBC1	RGB 180 203 193	#B4CBC1
50.0%	50.0% #BAD1BC	RGB 186 209 188	#BAD1BC
66.7%	66.7% #C9D7BF	RGB 201 215 191	#C9D7BF
83.3%	83.3% #DADDC5	RGB 218 221 197	#DADDC5
100.0%	100.0% #E3DACB	RGB 227 218 203	#E3DACB

#AAB4C0 #AFC4C5 #B4CBC1 #BAD1BC #C9D7BF #DADDC5 #E3DACB

#AAB4C0 - #BAD1BC - #E3DACB

CSS codes

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

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