#ABA1A2 - #E7E4E6 | 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 #ABA1A2 to #E7E4E6

#ABA1A2 #E7E4E6

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

#ABA1A2 - #E7E4E6 | 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 #ABA1A2 as 0% and #E7E4E6 as 100%.

0.0%	0.0% #ABA1A2	RGB 171 161 162	#ABA1A2
16.7%	16.7% #B5ACAD	RGB 181 172 173	#B5ACAD
33.3%	33.3% #BFB7B8	RGB 191 183 184	#BFB7B8
50.0%	50.0% #C9C2C4	RGB 201 194 196	#C9C2C4
66.7%	66.7% #D3CDCF	RGB 211 205 207	#D3CDCF
83.3%	83.3% #DDD8DA	RGB 221 216 218	#DDD8DA
100.0%	100.0% #E7E4E6	RGB 231 228 230	#E7E4E6

#ABA1A2 #B5ACAD #BFB7B8 #C9C2C4 #D3CDCF #DDD8DA #E7E4E6

#ABA1A2 - #E7E4E6

HSV Blend

#ABA1A2 - #E7E4E6 | 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 #ABA1A2 as 0% and #E7E4E6 as 100%.

0.0%	0.0% #ABA1A2	RGB 171 161 162	#ABA1A2
16.7%	16.7% #B5ABAD	RGB 181 171 173	#B5ABAD
33.3%	33.3% #BFB6B9	RGB 191 182 185	#BFB6B9
50.0%	50.0% #C9C1C4	RGB 201 193 196	#C9C1C4
66.7%	66.7% #D3CDCF	RGB 211 205 207	#D3CDCF
83.3%	83.3% #DDD8DB	RGB 221 216 219	#DDD8DB
100.0%	100.0% #E7E4E6	RGB 231 228 230	#E7E4E6

#ABA1A2 #B5ABAD #BFB6B9 #C9C1C4 #D3CDCF #DDD8DB #E7E4E6

#ABA1A2 - #C9C1C4 - #E7E4E6

CSS codes

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

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