#A2A2B8 - #AEECE3 | 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 #A2A2B8 to #AEECE3

#A2A2B8 #AEECE3

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

#A2A2B8 - #AEECE3 | 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 #A2A2B8 as 0% and #AEECE3 as 100%.

0.0%	0.0% #A2A2B8	RGB 162 162 184	#A2A2B8
16.7%	16.7% #A4AEBF	RGB 164 174 191	#A4AEBF
33.3%	33.3% #A6BAC6	RGB 166 186 198	#A6BAC6
50.0%	50.0% #A8C7CD	RGB 168 199 205	#A8C7CD
66.7%	66.7% #AAD3D4	RGB 170 211 212	#AAD3D4
83.3%	83.3% #ACDFDB	RGB 172 223 219	#ACDFDB
100.0%	100.0% #AEECE3	RGB 174 236 227	#AEECE3

#A2A2B8 #A4AEBF #A6BAC6 #A8C7CD #AAD3D4 #ACDFDB #AEECE3

#A2A2B8 - #AEECE3

HSV Blend

#A2A2B8 - #AEECE3 | 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 #A2A2B8 as 0% and #AEECE3 as 100%.

0.0%	0.0% #A2A2B8	RGB 162 162 184	#A2A2B8
16.7%	16.7% #A5AAC0	RGB 165 170 192	#A5AAC0
33.3%	33.3% #A7B4C9	RGB 167 180 201	#A7B4C9
50.0%	50.0% #A9C0D2	RGB 169 192 210	#A9C0D2
66.7%	66.7% #ABCFDA	RGB 171 207 218	#ABCFDA
83.3%	83.3% #ADE0E3	RGB 173 224 227	#ADE0E3
100.0%	100.0% #AEECE3	RGB 174 236 227	#AEECE3

#A2A2B8 #A5AAC0 #A7B4C9 #A9C0D2 #ABCFDA #ADE0E3 #AEECE3

#A2A2B8 - #A9C0D2 - #AEECE3

CSS codes

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

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