#A5B1CB - #E5E8F0 | 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 #A5B1CB to #E5E8F0

#A5B1CB #E5E8F0

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

#A5B1CB - #E5E8F0 | 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 #A5B1CB as 0% and #E5E8F0 as 100%.

0.0%	0.0% #A5B1CB	RGB 165 177 203	#A5B1CB
16.7%	16.7% #AFBAD1	RGB 175 186 209	#AFBAD1
33.3%	33.3% #BAC3D7	RGB 186 195 215	#BAC3D7
50.0%	50.0% #C5CCDD	RGB 197 204 221	#C5CCDD
66.7%	66.7% #CFD5E3	RGB 207 213 227	#CFD5E3
83.3%	83.3% #DADEE9	RGB 218 222 233	#DADEE9
100.0%	100.0% #E5E8F0	RGB 229 232 240	#E5E8F0

#A5B1CB #AFBAD1 #BAC3D7 #C5CCDD #CFD5E3 #DADEE9 #E5E8F0

#A5B1CB - #E5E8F0

HSV Blend

#A5B1CB - #E5E8F0 | 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 #A5B1CB as 0% and #E5E8F0 as 100%.

0.0%	0.0% #A5B1CB	RGB 165 177 203	#A5B1CB
16.7%	16.7% #AEB9D1	RGB 174 185 209	#AEB9D1
33.3%	33.3% #B9C2D7	RGB 185 194 215	#B9C2D7
50.0%	50.0% #C3CBDD	RGB 195 203 221	#C3CBDD
66.7%	66.7% #CED4E3	RGB 206 212 227	#CED4E3
83.3%	83.3% #D9DEE9	RGB 217 222 233	#D9DEE9
100.0%	100.0% #E5E8F0	RGB 229 232 240	#E5E8F0

#A5B1CB #AEB9D1 #B9C2D7 #C3CBDD #CED4E3 #D9DEE9 #E5E8F0

#A5B1CB - #C3CBDD - #E5E8F0

CSS codes

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

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