#A4AAC7 - #E5E6EF | 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 #A4AAC7 to #E5E6EF

#A4AAC7 #E5E6EF

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

#A4AAC7 - #E5E6EF | 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 #A4AAC7 as 0% and #E5E6EF as 100%.

0.0%	0.0% #A4AAC7	RGB 164 170 199	#A4AAC7
16.7%	16.7% #AEB4CD	RGB 174 180 205	#AEB4CD
33.3%	33.3% #B9BED4	RGB 185 190 212	#B9BED4
50.0%	50.0% #C4C8DB	RGB 196 200 219	#C4C8DB
66.7%	66.7% #CFD2E1	RGB 207 210 225	#CFD2E1
83.3%	83.3% #DADCE8	RGB 218 220 232	#DADCE8
100.0%	100.0% #E5E6EF	RGB 229 230 239	#E5E6EF

#A4AAC7 #AEB4CD #B9BED4 #C4C8DB #CFD2E1 #DADCE8 #E5E6EF

#A4AAC7 - #E5E6EF

HSV Blend

#A4AAC7 - #E5E6EF | 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 #A4AAC7 as 0% and #E5E6EF as 100%.

0.0%	0.0% #A4AAC7	RGB 164 170 199	#A4AAC7
16.7%	16.7% #AEB3CD	RGB 174 179 205	#AEB3CD
33.3%	33.3% #B8BCD4	RGB 184 188 212	#B8BCD4
50.0%	50.0% #C3C6DB	RGB 195 198 219	#C3C6DB
66.7%	66.7% #CED0E1	RGB 206 208 225	#CED0E1
83.3%	83.3% #D9DBE8	RGB 217 219 232	#D9DBE8
100.0%	100.0% #E5E6EF	RGB 229 230 239	#E5E6EF

#A4AAC7 #AEB3CD #B8BCD4 #C3C6DB #CED0E1 #D9DBE8 #E5E6EF

#A4AAC7 - #C3C6DB - #E5E6EF

CSS codes

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

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