#AFB3B9 - #E4D9C6 | 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 #AFB3B9 to #E4D9C6

#AFB3B9 #E4D9C6

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

#AFB3B9 - #E4D9C6 | 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 #AFB3B9 as 0% and #E4D9C6 as 100%.

0.0%	0.0% #AFB3B9	RGB 175 179 185	#AFB3B9
16.7%	16.7% #B7B9BB	RGB 183 185 187	#B7B9BB
33.3%	33.3% #C0BFBD	RGB 192 191 189	#C0BFBD
50.0%	50.0% #C9C6BF	RGB 201 198 191	#C9C6BF
66.7%	66.7% #D2CCC1	RGB 210 204 193	#D2CCC1
83.3%	83.3% #DBD2C3	RGB 219 210 195	#DBD2C3
100.0%	100.0% #E4D9C6	RGB 228 217 198	#E4D9C6

#AFB3B9 #B7B9BB #C0BFBD #C9C6BF #D2CCC1 #DBD2C3 #E4D9C6

#AFB3B9 - #E4D9C6

HSV Blend

#AFB3B9 - #E4D9C6 | 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 #AFB3B9 as 0% and #E4D9C6 as 100%.

0.0%	0.0% #AFB3B9	RGB 175 179 185	#AFB3B9
16.7%	16.7% #B3BEC0	RGB 179 190 192	#B3BEC0
33.3%	33.3% #B7C7C1	RGB 183 199 193	#B7C7C1
50.0%	50.0% #BBCEBD	RGB 187 206 189	#BBCEBD
66.7%	66.7% #C7D5BF	RGB 199 213 191	#C7D5BF
83.3%	83.3% #D9DCC2	RGB 217 220 194	#D9DCC2
100.0%	100.0% #E4D9C6	RGB 228 217 198	#E4D9C6

#AFB3B9 #B3BEC0 #B7C7C1 #BBCEBD #C7D5BF #D9DCC2 #E4D9C6

#AFB3B9 - #BBCEBD - #E4D9C6

CSS codes

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

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