#A5A1A7 - #E5E4E4 | 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 #A5A1A7 to #E5E4E4

#A5A1A7 #E5E4E4

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

#A5A1A7 - #E5E4E4 | 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 #A5A1A7 as 0% and #E5E4E4 as 100%.

0.0%	0.0% #A5A1A7	RGB 165 161 167	#A5A1A7
16.7%	16.7% #AFACB1	RGB 175 172 177	#AFACB1
33.3%	33.3% #BAB7BB	RGB 186 183 187	#BAB7BB
50.0%	50.0% #C5C2C5	RGB 197 194 197	#C5C2C5
66.7%	66.7% #CFCDCF	RGB 207 205 207	#CFCDCF
83.3%	83.3% #DAD8D9	RGB 218 216 217	#DAD8D9
100.0%	100.0% #E5E4E4	RGB 229 228 228	#E5E4E4

#A5A1A7 #AFACB1 #BAB7BB #C5C2C5 #CFCDCF #DAD8D9 #E5E4E4

#A5A1A7 - #E5E4E4

HSV Blend

#A5A1A7 - #E5E4E4 | 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 #A5A1A7 as 0% and #E5E4E4 as 100%.

0.0%	0.0% #A5A1A7	RGB 165 161 167	#A5A1A7
16.7%	16.7% #B0ABB1	RGB 176 171 177	#B0ABB1
33.3%	33.3% #BBB6BB	RGB 187 182 187	#BBB6BB
50.0%	50.0% #C6C2C4	RGB 198 194 196	#C6C2C4
66.7%	66.7% #D0CDCE	RGB 208 205 206	#D0CDCE
83.3%	83.3% #DAD8D9	RGB 218 216 217	#DAD8D9
100.0%	100.0% #E5E4E4	RGB 229 228 228	#E5E4E4

#A5A1A7 #B0ABB1 #BBB6BB #C6C2C4 #D0CDCE #DAD8D9 #E5E4E4

#A5A1A7 - #C6C2C4 - #E5E4E4

CSS codes

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

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