#A2A8AD - #AEE5C2 | 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 #A2A8AD to #AEE5C2

#A2A8AD #AEE5C2

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

#A2A8AD - #AEE5C2 | 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 #A2A8AD as 0% and #AEE5C2 as 100%.

0.0%	0.0% #A2A8AD	RGB 162 168 173	#A2A8AD
16.7%	16.7% #A4B2B0	RGB 164 178 176	#A4B2B0
33.3%	33.3% #A6BCB4	RGB 166 188 180	#A6BCB4
50.0%	50.0% #A8C6B7	RGB 168 198 183	#A8C6B7
66.7%	66.7% #AAD0BB	RGB 170 208 187	#AAD0BB
83.3%	83.3% #ACDABE	RGB 172 218 190	#ACDABE
100.0%	100.0% #AEE5C2	RGB 174 229 194	#AEE5C2

#A2A8AD #A4B2B0 #A6BCB4 #A8C6B7 #AAD0BB #ACDABE #AEE5C2

#A2A8AD - #AEE5C2

HSV Blend

#A2A8AD - #AEE5C2 | 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 #A2A8AD as 0% and #AEE5C2 as 100%.

0.0%	0.0% #A2A8AD	RGB 162 168 173	#A2A8AD
16.7%	16.7% #A5B1B6	RGB 165 177 182	#A5B1B6
33.3%	33.3% #A8BDBF	RGB 168 189 191	#A8BDBF
50.0%	50.0% #AAC9C6	RGB 170 201 198	#AAC9C6
66.7%	66.7% #ACD2C7	RGB 172 210 199	#ACD2C7
83.3%	83.3% #ADDBC6	RGB 173 219 198	#ADDBC6
100.0%	100.0% #AEE5C2	RGB 174 229 194	#AEE5C2

#A2A8AD #A5B1B6 #A8BDBF #AAC9C6 #ACD2C7 #ADDBC6 #AEE5C2

#A2A8AD - #AAC9C6 - #AEE5C2

CSS codes

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

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