#A4BAC9 - #E5EBEF | 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 #A4BAC9 to #E5EBEF

#A4BAC9 #E5EBEF

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

#A4BAC9 - #E5EBEF | 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 #A4BAC9 as 0% and #E5EBEF as 100%.

0.0%	0.0% #A4BAC9	RGB 164 186 201	#A4BAC9
16.7%	16.7% #AEC2CF	RGB 174 194 207	#AEC2CF
33.3%	33.3% #B9CAD5	RGB 185 202 213	#B9CAD5
50.0%	50.0% #C4D2DC	RGB 196 210 220	#C4D2DC
66.7%	66.7% #CFDAE2	RGB 207 218 226	#CFDAE2
83.3%	83.3% #DAE2E8	RGB 218 226 232	#DAE2E8
100.0%	100.0% #E5EBEF	RGB 229 235 239	#E5EBEF

#A4BAC9 #AEC2CF #B9CAD5 #C4D2DC #CFDAE2 #DAE2E8 #E5EBEF

#A4BAC9 - #E5EBEF

HSV Blend

#A4BAC9 - #E5EBEF | 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 #A4BAC9 as 0% and #E5EBEF as 100%.

0.0%	0.0% #A4BAC9	RGB 164 186 201	#A4BAC9
16.7%	16.7% #AEC1CF	RGB 174 193 207	#AEC1CF
33.3%	33.3% #B8C9D5	RGB 184 201 213	#B8C9D5
50.0%	50.0% #C3D1DC	RGB 195 209 220	#C3D1DC
66.7%	66.7% #CEDAE2	RGB 206 218 226	#CEDAE2
83.3%	83.3% #D9E2E8	RGB 217 226 232	#D9E2E8
100.0%	100.0% #E5EBEF	RGB 229 235 239	#E5EBEF

#A4BAC9 #AEC1CF #B8C9D5 #C3D1DC #CEDAE2 #D9E2E8 #E5EBEF

#A4BAC9 - #C3D1DC - #E5EBEF

CSS codes

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

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