#AFB5AA - #E7E9E6 | 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 #AFB5AA to #E7E9E6

#AFB5AA #E7E9E6

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

#AFB5AA - #E7E9E6 | 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 #AFB5AA as 0% and #E7E9E6 as 100%.

0.0%	0.0% #AFB5AA	RGB 175 181 170	#AFB5AA
16.7%	16.7% #B8BDB4	RGB 184 189 180	#B8BDB4
33.3%	33.3% #C1C6BE	RGB 193 198 190	#C1C6BE
50.0%	50.0% #CBCFC8	RGB 203 207 200	#CBCFC8
66.7%	66.7% #D4D7D2	RGB 212 215 210	#D4D7D2
83.3%	83.3% #DDE0DC	RGB 221 224 220	#DDE0DC
100.0%	100.0% #E7E9E6	RGB 231 233 230	#E7E9E6

#AFB5AA #B8BDB4 #C1C6BE #CBCFC8 #D4D7D2 #DDE0DC #E7E9E6

#AFB5AA - #E7E9E6

HSV Blend

#AFB5AA - #E7E9E6 | 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 #AFB5AA as 0% and #E7E9E6 as 100%.

0.0%	0.0% #AFB5AA	RGB 175 181 170	#AFB5AA
16.7%	16.7% #B8BDB3	RGB 184 189 179	#B8BDB3
33.3%	33.3% #C1C6BD	RGB 193 198 189	#C1C6BD
50.0%	50.0% #CACFC7	RGB 202 207 199	#CACFC7
66.7%	66.7% #D3D7D1	RGB 211 215 209	#D3D7D1
83.3%	83.3% #DDE0DB	RGB 221 224 219	#DDE0DB
100.0%	100.0% #E7E9E6	RGB 231 233 230	#E7E9E6

#AFB5AA #B8BDB3 #C1C6BD #CACFC7 #D3D7D1 #DDE0DB #E7E9E6

#AFB5AA - #CACFC7 - #E7E9E6

CSS codes

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

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