#A6B0BC - #E5E7EB | 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 #A6B0BC to #E5E7EB

#A6B0BC #E5E7EB

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

#A6B0BC - #E5E7EB | 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 #A6B0BC as 0% and #E5E7EB as 100%.

0.0%	0.0% #A6B0BC	RGB 166 176 188	#A6B0BC
16.7%	16.7% #B0B9C3	RGB 176 185 195	#B0B9C3
33.3%	33.3% #BBC2CB	RGB 187 194 203	#BBC2CB
50.0%	50.0% #C5CBD3	RGB 197 203 211	#C5CBD3
66.7%	66.7% #D0D4DB	RGB 208 212 219	#D0D4DB
83.3%	83.3% #DADDE3	RGB 218 221 227	#DADDE3
100.0%	100.0% #E5E7EB	RGB 229 231 235	#E5E7EB

#A6B0BC #B0B9C3 #BBC2CB #C5CBD3 #D0D4DB #DADDE3 #E5E7EB

#A6B0BC - #E5E7EB

HSV Blend

#A6B0BC - #E5E7EB | 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 #A6B0BC as 0% and #E5E7EB as 100%.

0.0%	0.0% #A6B0BC	RGB 166 176 188	#A6B0BC
16.7%	16.7% #AFB8C3	RGB 175 184 195	#AFB8C3
33.3%	33.3% #BAC1CB	RGB 186 193 203	#BAC1CB
50.0%	50.0% #C4CAD3	RGB 196 202 211	#C4CAD3
66.7%	66.7% #CFD3DB	RGB 207 211 219	#CFD3DB
83.3%	83.3% #D9DDE3	RGB 217 221 227	#D9DDE3
100.0%	100.0% #E5E7EB	RGB 229 231 235	#E5E7EB

#A6B0BC #AFB8C3 #BAC1CB #C4CAD3 #CFD3DB #D9DDE3 #E5E7EB

#A6B0BC - #C4CAD3 - #E5E7EB

CSS codes

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

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