#A2AB9C - #E9DEAF | 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 #A2AB9C to #E9DEAF

#A2AB9C #E9DEAF

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

#A2AB9C - #E9DEAF | 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 #A2AB9C as 0% and #E9DEAF as 100%.

0.0%	0.0% #A2AB9C	RGB 162 171 156	#A2AB9C
16.7%	16.7% #ADB39F	RGB 173 179 159	#ADB39F
33.3%	33.3% #B9BCA2	RGB 185 188 162	#B9BCA2
50.0%	50.0% #C5C4A5	RGB 197 196 165	#C5C4A5
66.7%	66.7% #D1CDA8	RGB 209 205 168	#D1CDA8
83.3%	83.3% #DDD5AB	RGB 221 213 171	#DDD5AB
100.0%	100.0% #E9DEAF	RGB 233 222 175	#E9DEAF

#A2AB9C #ADB39F #B9BCA2 #C5C4A5 #D1CDA8 #DDD5AB #E9DEAF

#A2AB9C - #E9DEAF

HSV Blend

#A2AB9C - #E9DEAF | 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 #A2AB9C as 0% and #E9DEAF as 100%.

0.0%	0.0% #A2AB9C	RGB 162 171 156	#A2AB9C
16.7%	16.7% #ABB5A0	RGB 171 181 160	#ABB5A0
33.3%	33.3% #B6BFA4	RGB 182 191 164	#B6BFA4
50.0%	50.0% #C3CAA7	RGB 195 202 167	#C3CAA7
66.7%	66.7% #D1D4AA	RGB 209 212 170	#D1D4AA
83.3%	83.3% #DEDBAD	RGB 222 219 173	#DEDBAD
100.0%	100.0% #E9DEAF	RGB 233 222 175	#E9DEAF

#A2AB9C #ABB5A0 #B6BFA4 #C3CAA7 #D1D4AA #DEDBAD #E9DEAF

#A2AB9C - #C3CAA7 - #E9DEAF

CSS codes

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

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