#A5B9AB - #E5EBE7 | 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 #A5B9AB to #E5EBE7

#A5B9AB #E5EBE7

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

#A5B9AB - #E5EBE7 | 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 #A5B9AB as 0% and #E5EBE7 as 100%.

0.0%	0.0% #A5B9AB	RGB 165 185 171	#A5B9AB
16.7%	16.7% #AFC1B5	RGB 175 193 181	#AFC1B5
33.3%	33.3% #BAC9BF	RGB 186 201 191	#BAC9BF
50.0%	50.0% #C5D2C9	RGB 197 210 201	#C5D2C9
66.7%	66.7% #CFDAD3	RGB 207 218 211	#CFDAD3
83.3%	83.3% #DAE2DD	RGB 218 226 221	#DAE2DD
100.0%	100.0% #E5EBE7	RGB 229 235 231	#E5EBE7

#A5B9AB #AFC1B5 #BAC9BF #C5D2C9 #CFDAD3 #DAE2DD #E5EBE7

#A5B9AB - #E5EBE7

HSV Blend

#A5B9AB - #E5EBE7 | 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 #A5B9AB as 0% and #E5EBE7 as 100%.

0.0%	0.0% #A5B9AB	RGB 165 185 171	#A5B9AB
16.7%	16.7% #AFC1B4	RGB 175 193 180	#AFC1B4
33.3%	33.3% #B9C9BE	RGB 185 201 190	#B9C9BE
50.0%	50.0% #C3D2C8	RGB 195 210 200	#C3D2C8
66.7%	66.7% #CEDAD2	RGB 206 218 210	#CEDAD2
83.3%	83.3% #D9E2DC	RGB 217 226 220	#D9E2DC
100.0%	100.0% #E5EBE7	RGB 229 235 231	#E5EBE7

#A5B9AB #AFC1B4 #B9C9BE #C3D2C8 #CEDAD2 #D9E2DC #E5EBE7

#A5B9AB - #C3D2C8 - #E5EBE7

CSS codes

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

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