#AEAAB8 - #D5E5C7 | 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 #AEAAB8 to #D5E5C7

#AEAAB8 #D5E5C7

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

#AEAAB8 - #D5E5C7 | 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 #AEAAB8 as 0% and #D5E5C7 as 100%.

0.0%	0.0% #AEAAB8	RGB 174 170 184	#AEAAB8
16.7%	16.7% #B4B3BA	RGB 180 179 186	#B4B3BA
33.3%	33.3% #BBBDBD	RGB 187 189 189	#BBBDBD
50.0%	50.0% #C1C7BF	RGB 193 199 191	#C1C7BF
66.7%	66.7% #C8D1C2	RGB 200 209 194	#C8D1C2
83.3%	83.3% #CEDBC4	RGB 206 219 196	#CEDBC4
100.0%	100.0% #D5E5C7	RGB 213 229 199	#D5E5C7

#AEAAB8 #B4B3BA #BBBDBD #C1C7BF #C8D1C2 #CEDBC4 #D5E5C7

#AEAAB8 - #D5E5C7

HSV Blend

#AEAAB8 - #D5E5C7 | 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 #AEAAB8 as 0% and #D5E5C7 as 100%.

0.0%	0.0% #AEAAB8	RGB 174 170 184	#AEAAB8
16.7%	16.7% #AFB2BF	RGB 175 178 191	#AFB2BF
33.3%	33.3% #B4C0C7	RGB 180 192 199	#B4C0C7
50.0%	50.0% #B9CECC	RGB 185 206 204	#B9CECC
66.7%	66.7% #BDD6C8	RGB 189 214 200	#BDD6C8
83.3%	83.3% #C2DDC2	RGB 194 221 194	#C2DDC2
100.0%	100.0% #D5E5C7	RGB 213 229 199	#D5E5C7

#AEAAB8 #AFB2BF #B4C0C7 #B9CECC #BDD6C8 #C2DDC2 #D5E5C7

#AEAAB8 - #B9CECC - #D5E5C7

CSS codes

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

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