#AFBEAF - #E9ECE8 | 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 #AFBEAF to #E9ECE8

#AFBEAF #E9ECE8

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

#AFBEAF - #E9ECE8 | 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 #AFBEAF as 0% and #E9ECE8 as 100%.

0.0%	0.0% #AFBEAF	RGB 175 190 175	#AFBEAF
16.7%	16.7% #B8C5B8	RGB 184 197 184	#B8C5B8
33.3%	33.3% #C2CDC2	RGB 194 205 194	#C2CDC2
50.0%	50.0% #CCD5CB	RGB 204 213 203	#CCD5CB
66.7%	66.7% #D5DCD5	RGB 213 220 213	#D5DCD5
83.3%	83.3% #DFE4DE	RGB 223 228 222	#DFE4DE
100.0%	100.0% #E9ECE8	RGB 233 236 232	#E9ECE8

#AFBEAF #B8C5B8 #C2CDC2 #CCD5CB #D5DCD5 #DFE4DE #E9ECE8

#AFBEAF - #E9ECE8

HSV Blend

#AFBEAF - #E9ECE8 | 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 #AFBEAF as 0% and #E9ECE8 as 100%.

0.0%	0.0% #AFBEAF	RGB 175 190 175	#AFBEAF
16.7%	16.7% #B8C5B8	RGB 184 197 184	#B8C5B8
33.3%	33.3% #C2CDC1	RGB 194 205 193	#C2CDC1
50.0%	50.0% #CCD5CA	RGB 204 213 202	#CCD5CA
66.7%	66.7% #D5DCD4	RGB 213 220 212	#D5DCD4
83.3%	83.3% #DFE4DE	RGB 223 228 222	#DFE4DE
100.0%	100.0% #E9ECE8	RGB 233 236 232	#E9ECE8

#AFBEAF #B8C5B8 #C2CDC1 #CCD5CA #D5DCD4 #DFE4DE #E9ECE8

#AFBEAF - #CCD5CA - #E9ECE8

CSS codes

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

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