#A0ABBD - #E3E6EC | 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 #A0ABBD to #E3E6EC

#A0ABBD #E3E6EC

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

#A0ABBD - #E3E6EC | 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 #A0ABBD as 0% and #E3E6EC as 100%.

0.0%	0.0% #A0ABBD	RGB 160 171 189	#A0ABBD
16.7%	16.7% #ABB4C4	RGB 171 180 196	#ABB4C4
33.3%	33.3% #B6BECC	RGB 182 190 204	#B6BECC
50.0%	50.0% #C1C8D4	RGB 193 200 212	#C1C8D4
66.7%	66.7% #CCD2DC	RGB 204 210 220	#CCD2DC
83.3%	83.3% #D7DCE4	RGB 215 220 228	#D7DCE4
100.0%	100.0% #E3E6EC	RGB 227 230 236	#E3E6EC

#A0ABBD #ABB4C4 #B6BECC #C1C8D4 #CCD2DC #D7DCE4 #E3E6EC

#A0ABBD - #E3E6EC

HSV Blend

#A0ABBD - #E3E6EC | 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 #A0ABBD as 0% and #E3E6EC as 100%.

0.0%	0.0% #A0ABBD	RGB 160 171 189	#A0ABBD
16.7%	16.7% #AAB4C4	RGB 170 180 196	#AAB4C4
33.3%	33.3% #B5BDCC	RGB 181 189 204	#B5BDCC
50.0%	50.0% #C0C7D4	RGB 192 199 212	#C0C7D4
66.7%	66.7% #CBD1DC	RGB 203 209 220	#CBD1DC
83.3%	83.3% #D7DBE4	RGB 215 219 228	#D7DBE4
100.0%	100.0% #E3E6EC	RGB 227 230 236	#E3E6EC

#A0ABBD #AAB4C4 #B5BDCC #C0C7D4 #CBD1DC #D7DBE4 #E3E6EC

#A0ABBD - #C0C7D4 - #E3E6EC

CSS codes

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

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