#AFC3C5 - #EDE2D4 | 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 #AFC3C5 to #EDE2D4

#AFC3C5 #EDE2D4

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

#AFC3C5 - #EDE2D4 | 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 #AFC3C5 as 0% and #EDE2D4 as 100%.

0.0%	0.0% #AFC3C5	RGB 175 195 197	#AFC3C5
16.7%	16.7% #B9C8C7	RGB 185 200 199	#B9C8C7
33.3%	33.3% #C3CDCA	RGB 195 205 202	#C3CDCA
50.0%	50.0% #CED2CC	RGB 206 210 204	#CED2CC
66.7%	66.7% #D8D7CF	RGB 216 215 207	#D8D7CF
83.3%	83.3% #E2DCD1	RGB 226 220 209	#E2DCD1
100.0%	100.0% #EDE2D4	RGB 237 226 212	#EDE2D4

#AFC3C5 #B9C8C7 #C3CDCA #CED2CC #D8D7CF #E2DCD1 #EDE2D4

#AFC3C5 - #EDE2D4

HSV Blend

#AFC3C5 - #EDE2D4 | 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 #AFC3C5 as 0% and #EDE2D4 as 100%.

0.0%	0.0% #AFC3C5	RGB 175 195 197	#AFC3C5
16.7%	16.7% #B5CBC4	RGB 181 203 196	#B5CBC4
33.3%	33.3% #BBD2C0	RGB 187 210 192	#BBD2C0
50.0%	50.0% #C5D9C1	RGB 197 217 193	#C5D9C1
66.7%	66.7% #D5DFC7	RGB 213 223 199	#D5DFC7
83.3%	83.3% #E6E5CD	RGB 230 229 205	#E6E5CD
100.0%	100.0% #EDE2D4	RGB 237 226 212	#EDE2D4

#AFC3C5 #B5CBC4 #BBD2C0 #C5D9C1 #D5DFC7 #E6E5CD #EDE2D4

#AFC3C5 - #C5D9C1 - #EDE2D4

CSS codes

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

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