#A1BABF - #E4EBEC | 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 #A1BABF to #E4EBEC

#A1BABF #E4EBEC

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

#A1BABF - #E4EBEC | 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 #A1BABF as 0% and #E4EBEC as 100%.

0.0%	0.0% #A1BABF	RGB 161 186 191	#A1BABF
16.7%	16.7% #ACC2C6	RGB 172 194 198	#ACC2C6
33.3%	33.3% #B7CACE	RGB 183 202 206	#B7CACE
50.0%	50.0% #C2D2D5	RGB 194 210 213	#C2D2D5
66.7%	66.7% #CDDADD	RGB 205 218 221	#CDDADD
83.3%	83.3% #D8E2E4	RGB 216 226 228	#D8E2E4
100.0%	100.0% #E4EBEC	RGB 228 235 236	#E4EBEC

#A1BABF #ACC2C6 #B7CACE #C2D2D5 #CDDADD #D8E2E4 #E4EBEC

#A1BABF - #E4EBEC

HSV Blend

#A1BABF - #E4EBEC | 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 #A1BABF as 0% and #E4EBEC as 100%.

0.0%	0.0% #A1BABF	RGB 161 186 191	#A1BABF
16.7%	16.7% #ABC2C6	RGB 171 194 198	#ABC2C6
33.3%	33.3% #B6CACE	RGB 182 202 206	#B6CACE
50.0%	50.0% #C1D2D5	RGB 193 210 213	#C1D2D5
66.7%	66.7% #CCDADD	RGB 204 218 221	#CCDADD
83.3%	83.3% #D8E2E4	RGB 216 226 228	#D8E2E4
100.0%	100.0% #E4EBEC	RGB 228 235 236	#E4EBEC

#A1BABF #ABC2C6 #B6CACE #C1D2D5 #CCDADD #D8E2E4 #E4EBEC

#A1BABF - #C1D2D5 - #E4EBEC

CSS codes

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

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