#A7AFBD - #E5E7EC | 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 #A7AFBD to #E5E7EC

#A7AFBD #E5E7EC

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

#A7AFBD - #E5E7EC | 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 #A7AFBD as 0% and #E5E7EC as 100%.

0.0%	0.0% #A7AFBD	RGB 167 175 189	#A7AFBD
16.7%	16.7% #B1B8C4	RGB 177 184 196	#B1B8C4
33.3%	33.3% #BBC1CC	RGB 187 193 204	#BBC1CC
50.0%	50.0% #C6CBD4	RGB 198 203 212	#C6CBD4
66.7%	66.7% #D0D4DC	RGB 208 212 220	#D0D4DC
83.3%	83.3% #DADDE4	RGB 218 221 228	#DADDE4
100.0%	100.0% #E5E7EC	RGB 229 231 236	#E5E7EC

#A7AFBD #B1B8C4 #BBC1CC #C6CBD4 #D0D4DC #DADDE4 #E5E7EC

#A7AFBD - #E5E7EC

HSV Blend

#A7AFBD - #E5E7EC | 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 #A7AFBD as 0% and #E5E7EC as 100%.

0.0%	0.0% #A7AFBD	RGB 167 175 189	#A7AFBD
16.7%	16.7% #B0B7C4	RGB 176 183 196	#B0B7C4
33.3%	33.3% #BAC0CC	RGB 186 192 204	#BAC0CC
50.0%	50.0% #C4CAD4	RGB 196 202 212	#C4CAD4
66.7%	66.7% #CFD3DC	RGB 207 211 220	#CFD3DC
83.3%	83.3% #DADDE4	RGB 218 221 228	#DADDE4
100.0%	100.0% #E5E7EC	RGB 229 231 236	#E5E7EC

#A7AFBD #B0B7C4 #BAC0CC #C4CAD4 #CFD3DC #DADDE4 #E5E7EC

#A7AFBD - #C4CAD4 - #E5E7EC

CSS codes

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

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