#AFB4B7 - #E2CDC2 | 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 #AFB4B7 to #E2CDC2

#AFB4B7 #E2CDC2

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

#AFB4B7 - #E2CDC2 | 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 #AFB4B7 as 0% and #E2CDC2 as 100%.

0.0%	0.0% #AFB4B7	RGB 175 180 183	#AFB4B7
16.7%	16.7% #B7B8B8	RGB 183 184 184	#B7B8B8
33.3%	33.3% #C0BCBA	RGB 192 188 186	#C0BCBA
50.0%	50.0% #C8C0BC	RGB 200 192 188	#C8C0BC
66.7%	66.7% #D1C4BE	RGB 209 196 190	#D1C4BE
83.3%	83.3% #D9C8C0	RGB 217 200 192	#D9C8C0
100.0%	100.0% #E2CDC2	RGB 226 205 194	#E2CDC2

#AFB4B7 #B7B8B8 #C0BCBA #C8C0BC #D1C4BE #D9C8C0 #E2CDC2

#AFB4B7 - #E2CDC2

HSV Blend

#AFB4B7 - #E2CDC2 | 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 #AFB4B7 as 0% and #E2CDC2 as 100%.

0.0%	0.0% #AFB4B7	RGB 175 180 183	#AFB4B7
16.7%	16.7% #B2B4BE	RGB 178 180 190	#B2B4BE
33.3%	33.3% #BBB6C5	RGB 187 182 197	#BBB6C5
50.0%	50.0% #C9B9CC	RGB 201 185 204	#C9B9CC
66.7%	66.7% #D3BCCB	RGB 211 188 203	#D3BCCB
83.3%	83.3% #DABFC3	RGB 218 191 195	#DABFC3
100.0%	100.0% #E2CDC2	RGB 226 205 194	#E2CDC2

#AFB4B7 #B2B4BE #BBB6C5 #C9B9CC #D3BCCB #DABFC3 #E2CDC2

#AFB4B7 - #C9B9CC - #E2CDC2

CSS codes

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

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