#A6B1BC - #E5E8EB | 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 #A6B1BC to #E5E8EB

#A6B1BC #E5E8EB

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

#A6B1BC - #E5E8EB | 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 #A6B1BC as 0% and #E5E8EB as 100%.

0.0%	0.0% #A6B1BC	RGB 166 177 188	#A6B1BC
16.7%	16.7% #B0BAC3	RGB 176 186 195	#B0BAC3
33.3%	33.3% #BBC3CB	RGB 187 195 203	#BBC3CB
50.0%	50.0% #C5CCD3	RGB 197 204 211	#C5CCD3
66.7%	66.7% #D0D5DB	RGB 208 213 219	#D0D5DB
83.3%	83.3% #DADEE3	RGB 218 222 227	#DADEE3
100.0%	100.0% #E5E8EB	RGB 229 232 235	#E5E8EB

#A6B1BC #B0BAC3 #BBC3CB #C5CCD3 #D0D5DB #DADEE3 #E5E8EB

#A6B1BC - #E5E8EB

HSV Blend

#A6B1BC - #E5E8EB | 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 #A6B1BC as 0% and #E5E8EB as 100%.

0.0%	0.0% #A6B1BC	RGB 166 177 188	#A6B1BC
16.7%	16.7% #AFB9C3	RGB 175 185 195	#AFB9C3
33.3%	33.3% #BAC2CB	RGB 186 194 203	#BAC2CB
50.0%	50.0% #C4CBD3	RGB 196 203 211	#C4CBD3
66.7%	66.7% #CFD5DB	RGB 207 213 219	#CFD5DB
83.3%	83.3% #D9DEE3	RGB 217 222 227	#D9DEE3
100.0%	100.0% #E5E8EB	RGB 229 232 235	#E5E8EB

#A6B1BC #AFB9C3 #BAC2CB #C4CBD3 #CFD5DB #D9DEE3 #E5E8EB

#A6B1BC - #C4CBD3 - #E5E8EB

CSS codes

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

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