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

#A2BABD #E4EBEC

Calculate the color between two colors, #A2BABD 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)

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

0.0%	0.0% #A2BABD	RGB 162 186 189	#A2BABD
16.7%	16.7% #ADC2C4	RGB 173 194 196	#ADC2C4
33.3%	33.3% #B8CACC	RGB 184 202 204	#B8CACC
50.0%	50.0% #C3D2D4	RGB 195 210 212	#C3D2D4
66.7%	66.7% #CEDADC	RGB 206 218 220	#CEDADC
83.3%	83.3% #D9E2E4	RGB 217 226 228	#D9E2E4
100.0%	100.0% #E4EBEC	RGB 228 235 236	#E4EBEC

#A2BABD #ADC2C4 #B8CACC #C3D2D4 #CEDADC #D9E2E4 #E4EBEC

#A2BABD - #E4EBEC

HSV Blend

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

0.0%	0.0% #A2BABD	RGB 162 186 189	#A2BABD
16.7%	16.7% #ACC2C4	RGB 172 194 196	#ACC2C4
33.3%	33.3% #B6CACC	RGB 182 202 204	#B6CACC
50.0%	50.0% #C1D2D4	RGB 193 210 212	#C1D2D4
66.7%	66.7% #CCDADC	RGB 204 218 220	#CCDADC
83.3%	83.3% #D8E2E4	RGB 216 226 228	#D8E2E4
100.0%	100.0% #E4EBEC	RGB 228 235 236	#E4EBEC

#A2BABD #ACC2C4 #B6CACC #C1D2D4 #CCDADC #D8E2E4 #E4EBEC

#A2BABD - #C1D2D4 - #E4EBEC

CSS codes

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

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