#AABAAC - #E6EBE7 | 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 #AABAAC to #E6EBE7

#AABAAC #E6EBE7

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

#AABAAC - #E6EBE7 | 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 #AABAAC as 0% and #E6EBE7 as 100%.

0.0%	0.0% #AABAAC	RGB 170 186 172	#AABAAC
16.7%	16.7% #B4C2B5	RGB 180 194 181	#B4C2B5
33.3%	33.3% #BECABF	RGB 190 202 191	#BECABF
50.0%	50.0% #C8D2C9	RGB 200 210 201	#C8D2C9
66.7%	66.7% #D2DAD3	RGB 210 218 211	#D2DAD3
83.3%	83.3% #DCE2DD	RGB 220 226 221	#DCE2DD
100.0%	100.0% #E6EBE7	RGB 230 235 231	#E6EBE7

#AABAAC #B4C2B5 #BECABF #C8D2C9 #D2DAD3 #DCE2DD #E6EBE7

#AABAAC - #E6EBE7

HSV Blend

#AABAAC - #E6EBE7 | 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 #AABAAC as 0% and #E6EBE7 as 100%.

0.0%	0.0% #AABAAC	RGB 170 186 172	#AABAAC
16.7%	16.7% #B3C2B5	RGB 179 194 181	#B3C2B5
33.3%	33.3% #BDCABF	RGB 189 202 191	#BDCABF
50.0%	50.0% #C7D2C9	RGB 199 210 201	#C7D2C9
66.7%	66.7% #D1DAD2	RGB 209 218 210	#D1DAD2
83.3%	83.3% #DBE2DC	RGB 219 226 220	#DBE2DC
100.0%	100.0% #E6EBE7	RGB 230 235 231	#E6EBE7

#AABAAC #B3C2B5 #BDCABF #C7D2C9 #D1DAD2 #DBE2DC #E6EBE7

#AABAAC - #C7D2C9 - #E6EBE7

CSS codes

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

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