#AFAFB7 - #E2D9C2 | 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 #AFAFB7 to #E2D9C2

#AFAFB7 #E2D9C2

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

#AFAFB7 - #E2D9C2 | 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 #AFAFB7 as 0% and #E2D9C2 as 100%.

0.0%	0.0% #AFAFB7	RGB 175 175 183	#AFAFB7
16.7%	16.7% #B7B6B8	RGB 183 182 184	#B7B6B8
33.3%	33.3% #C0BDBA	RGB 192 189 186	#C0BDBA
50.0%	50.0% #C8C4BC	RGB 200 196 188	#C8C4BC
66.7%	66.7% #D1CBBE	RGB 209 203 190	#D1CBBE
83.3%	83.3% #D9D2C0	RGB 217 210 192	#D9D2C0
100.0%	100.0% #E2D9C2	RGB 226 217 194	#E2D9C2

#AFAFB7 #B7B6B8 #C0BDBA #C8C4BC #D1CBBE #D9D2C0 #E2D9C2

#AFAFB7 - #E2D9C2

HSV Blend

#AFAFB7 - #E2D9C2 | 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 #AFAFB7 as 0% and #E2D9C2 as 100%.

0.0%	0.0% #AFAFB7	RGB 175 175 183	#AFAFB7
16.7%	16.7% #B7B2BE	RGB 183 178 190	#B7B2BE
33.3%	33.3% #C3B6C5	RGB 195 182 197	#C3B6C5
50.0%	50.0% #CCB9C5	RGB 204 185 197	#CCB9C5
66.7%	66.7% #D3BCC0	RGB 211 188 192	#D3BCC0
83.3%	83.3% #DAC6BF	RGB 218 198 191	#DAC6BF
100.0%	100.0% #E2D9C2	RGB 226 217 194	#E2D9C2

#AFAFB7 #B7B2BE #C3B6C5 #CCB9C5 #D3BCC0 #DAC6BF #E2D9C2

#AFAFB7 - #CCB9C5 - #E2D9C2

CSS codes

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

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