#AFC0C8 - #E2D6D0 | 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 #AFC0C8 to #E2D6D0

#AFC0C8 #E2D6D0

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

#AFC0C8 - #E2D6D0 | 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 #AFC0C8 as 0% and #E2D6D0 as 100%.

0.0%	0.0% #AFC0C8	RGB 175 192 200	#AFC0C8
16.7%	16.7% #B7C3C9	RGB 183 195 201	#B7C3C9
33.3%	33.3% #C0C7CA	RGB 192 199 202	#C0C7CA
50.0%	50.0% #C8CBCC	RGB 200 203 204	#C8CBCC
66.7%	66.7% #D1CECD	RGB 209 206 205	#D1CECD
83.3%	83.3% #D9D2CE	RGB 217 210 206	#D9D2CE
100.0%	100.0% #E2D6D0	RGB 226 214 208	#E2D6D0

#AFC0C8 #B7C3C9 #C0C7CA #C8CBCC #D1CECD #D9D2CE #E2D6D0

#AFC0C8 - #E2D6D0

HSV Blend

#AFC0C8 - #E2D6D0 | 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 #AFC0C8 as 0% and #E2D6D0 as 100%.

0.0%	0.0% #AFC0C8	RGB 175 192 200	#AFC0C8
16.7%	16.7% #B4CCC8	RGB 180 204 200	#B4CCC8
33.3%	33.3% #B9D0C1	RGB 185 208 193	#B9D0C1
50.0%	50.0% #C2D5BF	RGB 194 213 191	#C2D5BF
66.7%	66.7% #D2D9C4	RGB 210 217 196	#D2D9C4
83.3%	83.3% #DDDACA	RGB 221 218 202	#DDDACA
100.0%	100.0% #E2D6D0	RGB 226 214 208	#E2D6D0

#AFC0C8 #B4CCC8 #B9D0C1 #C2D5BF #D2D9C4 #DDDACA #E2D6D0

#AFC0C8 - #C2D5BF - #E2D6D0

CSS codes

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

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