#AFB6B2 - #E9CACA | 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 #AFB6B2 to #E9CACA

#AFB6B2 #E9CACA

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

#AFB6B2 - #E9CACA | 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 #AFB6B2 as 0% and #E9CACA as 100%.

0.0%	0.0% #AFB6B2	RGB 175 182 178	#AFB6B2
16.7%	16.7% #B8B9B6	RGB 184 185 182	#B8B9B6
33.3%	33.3% #C2BCBA	RGB 194 188 186	#C2BCBA
50.0%	50.0% #CCC0BE	RGB 204 192 190	#CCC0BE
66.7%	66.7% #D5C3C2	RGB 213 195 194	#D5C3C2
83.3%	83.3% #DFC6C6	RGB 223 198 198	#DFC6C6
100.0%	100.0% #E9CACA	RGB 233 202 202	#E9CACA

#AFB6B2 #B8B9B6 #C2BCBA #CCC0BE #D5C3C2 #DFC6C6 #E9CACA

#AFB6B2 - #E9CACA

HSV Blend

#AFB6B2 - #E9CACA | 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 #AFB6B2 as 0% and #E9CACA as 100%.

0.0%	0.0% #AFB6B2	RGB 175 182 178	#AFB6B2
16.7%	16.7% #B4BEB4	RGB 180 190 180	#B4BEB4
33.3%	33.3% #BEC7B9	RGB 190 199 185	#BEC7B9
50.0%	50.0% #CBCFBD	RGB 203 207 189	#CBCFBD
66.7%	66.7% #D8D3C2	RGB 216 211 194	#D8D3C2
83.3%	83.3% #E0D0C6	RGB 224 208 198	#E0D0C6
100.0%	100.0% #E9CACA	RGB 233 202 202	#E9CACA

#AFB6B2 #B4BEB4 #BEC7B9 #CBCFBD #D8D3C2 #E0D0C6 #E9CACA

#AFB6B2 - #CBCFBD - #E9CACA

CSS codes

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

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