#AFB9C8 - #E2DCD0 | 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 #AFB9C8 to #E2DCD0

#AFB9C8 #E2DCD0

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

#AFB9C8 - #E2DCD0 | 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 #AFB9C8 as 0% and #E2DCD0 as 100%.

0.0%	0.0% #AFB9C8	RGB 175 185 200	#AFB9C8
16.7%	16.7% #B7BEC9	RGB 183 190 201	#B7BEC9
33.3%	33.3% #C0C4CA	RGB 192 196 202	#C0C4CA
50.0%	50.0% #C8CACC	RGB 200 202 204	#C8CACC
66.7%	66.7% #D1D0CD	RGB 209 208 205	#D1D0CD
83.3%	83.3% #D9D6CE	RGB 217 214 206	#D9D6CE
100.0%	100.0% #E2DCD0	RGB 226 220 208	#E2DCD0

#AFB9C8 #B7BEC9 #C0C4CA #C8CACC #D1D0CD #D9D6CE #E2DCD0

#AFB9C8 - #E2DCD0

HSV Blend

#AFB9C8 - #E2DCD0 | 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 #AFB9C8 as 0% and #E2DCD0 as 100%.

0.0%	0.0% #AFB9C8	RGB 175 185 200	#AFB9C8
16.7%	16.7% #B4C9CC	RGB 180 201 204	#B4C9CC
33.3%	33.3% #B9D0C8	RGB 185 208 200	#B9D0C8
50.0%	50.0% #BFD5C2	RGB 191 213 194	#BFD5C2
66.7%	66.7% #CCD9C4	RGB 204 217 196	#CCD9C4
83.3%	83.3% #DADDCA	RGB 218 221 202	#DADDCA
100.0%	100.0% #E2DCD0	RGB 226 220 208	#E2DCD0

#AFB9C8 #B4C9CC #B9D0C8 #BFD5C2 #CCD9C4 #DADDCA #E2DCD0

#AFB9C8 - #BFD5C2 - #E2DCD0

CSS codes

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

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