#A2A9BA - #E5EBCC | 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 #A2A9BA to #E5EBCC

#A2A9BA #E5EBCC

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

#A2A9BA - #E5EBCC | 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 #A2A9BA as 0% and #E5EBCC as 100%.

0.0%	0.0% #A2A9BA	RGB 162 169 186	#A2A9BA
16.7%	16.7% #ADB4BD	RGB 173 180 189	#ADB4BD
33.3%	33.3% #B8BFC0	RGB 184 191 192	#B8BFC0
50.0%	50.0% #C3CAC3	RGB 195 202 195	#C3CAC3
66.7%	66.7% #CED5C6	RGB 206 213 198	#CED5C6
83.3%	83.3% #D9E0C9	RGB 217 224 201	#D9E0C9
100.0%	100.0% #E5EBCC	RGB 229 235 204	#E5EBCC

#A2A9BA #ADB4BD #B8BFC0 #C3CAC3 #CED5C6 #D9E0C9 #E5EBCC

#A2A9BA - #E5EBCC

HSV Blend

#A2A9BA - #E5EBCC | 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 #A2A9BA as 0% and #E5EBCC as 100%.

0.0%	0.0% #A2A9BA	RGB 162 169 186	#A2A9BA
16.7%	16.7% #A9BAC2	RGB 169 186 194	#A9BAC2
33.3%	33.3% #B0CAC6	RGB 176 202 198	#B0CAC6
50.0%	50.0% #B7D2C3	RGB 183 210 195	#B7D2C3
66.7%	66.7% #BEDABE	RGB 190 218 190	#BEDABE
83.3%	83.3% #D0E2C5	RGB 208 226 197	#D0E2C5
100.0%	100.0% #E5EBCC	RGB 229 235 204	#E5EBCC

#A2A9BA #A9BAC2 #B0CAC6 #B7D2C3 #BEDABE #D0E2C5 #E5EBCC

#A2A9BA - #B7D2C3 - #E5EBCC

CSS codes

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

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