#AFA4A2 - #ECBBC2 | 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 #AFA4A2 to #ECBBC2

#AFA4A2 #ECBBC2

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

#AFA4A2 - #ECBBC2 | 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 #AFA4A2 as 0% and #ECBBC2 as 100%.

0.0%	0.0% #AFA4A2	RGB 175 164 162	#AFA4A2
16.7%	16.7% #B9A7A7	RGB 185 167 167	#B9A7A7
33.3%	33.3% #C3ABAC	RGB 195 171 172	#C3ABAC
50.0%	50.0% #CDAFB2	RGB 205 175 178	#CDAFB2
66.7%	66.7% #D7B3B7	RGB 215 179 183	#D7B3B7
83.3%	83.3% #E1B7BC	RGB 225 183 188	#E1B7BC
100.0%	100.0% #ECBBC2	RGB 236 187 194	#ECBBC2

#AFA4A2 #B9A7A7 #C3ABAC #CDAFB2 #D7B3B7 #E1B7BC #ECBBC2

#AFA4A2 - #ECBBC2

HSV Blend

#AFA4A2 - #ECBBC2 | 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 #AFA4A2 as 0% and #ECBBC2 as 100%.

0.0%	0.0% #AFA4A2	RGB 175 164 162	#AFA4A2
16.7%	16.7% #B9A9A7	RGB 185 169 167	#B9A9A7
33.3%	33.3% #C3ADAC	RGB 195 173 172	#C3ADAC
50.0%	50.0% #CDB0B0	RGB 205 176 176	#CDB0B0
66.7%	66.7% #D7B4B6	RGB 215 180 182	#D7B4B6
83.3%	83.3% #E1B7BB	RGB 225 183 187	#E1B7BB
100.0%	100.0% #ECBBC2	RGB 236 187 194	#ECBBC2

#AFA4A2 #B9A9A7 #C3ADAC #CDB0B0 #D7B4B6 #E1B7BB #ECBBC2

#AFA4A2 - #CDB0B0 - #ECBBC2

CSS codes

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

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