#A7AAB5 - #E5E1C5 | 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 #A7AAB5 to #E5E1C5

#A7AAB5 #E5E1C5

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

#A7AAB5 - #E5E1C5 | 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 #A7AAB5 as 0% and #E5E1C5 as 100%.

0.0%	0.0% #A7AAB5	RGB 167 170 181	#A7AAB5
16.7%	16.7% #B1B3B7	RGB 177 179 183	#B1B3B7
33.3%	33.3% #BBBCBA	RGB 187 188 186	#BBBCBA
50.0%	50.0% #C6C5BD	RGB 198 197 189	#C6C5BD
66.7%	66.7% #D0CEBF	RGB 208 206 191	#D0CEBF
83.3%	83.3% #DAD7C2	RGB 218 215 194	#DAD7C2
100.0%	100.0% #E5E1C5	RGB 229 225 197	#E5E1C5

#A7AAB5 #B1B3B7 #BBBCBA #C6C5BD #D0CEBF #DAD7C2 #E5E1C5

#A7AAB5 - #E5E1C5

HSV Blend

#A7AAB5 - #E5E1C5 | 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 #A7AAB5 as 0% and #E5E1C5 as 100%.

0.0%	0.0% #A7AAB5	RGB 167 170 181	#A7AAB5
16.7%	16.7% #ACB8BD	RGB 172 184 189	#ACB8BD
33.3%	33.3% #B1C5C1	RGB 177 197 193	#B1C5C1
50.0%	50.0% #B6CDBE	RGB 182 205 190	#B6CDBE
66.7%	66.7% #BFD5BB	RGB 191 213 187	#BFD5BB
83.3%	83.3% #D2DDC0	RGB 210 221 192	#D2DDC0
100.0%	100.0% #E5E1C5	RGB 229 225 197	#E5E1C5

#A7AAB5 #ACB8BD #B1C5C1 #B6CDBE #BFD5BB #D2DDC0 #E5E1C5

#A7AAB5 - #B6CDBE - #E5E1C5

CSS codes

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

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