#AFAC9A - #EED2B5 | 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 #AFAC9A to #EED2B5

#AFAC9A #EED2B5

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

#AFAC9A - #EED2B5 | 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 #AFAC9A as 0% and #EED2B5 as 100%.

0.0%	0.0% #AFAC9A	RGB 175 172 154	#AFAC9A
16.7%	16.7% #B9B29E	RGB 185 178 158	#B9B29E
33.3%	33.3% #C4B8A3	RGB 196 184 163	#C4B8A3
50.0%	50.0% #CEBFA7	RGB 206 191 167	#CEBFA7
66.7%	66.7% #D9C5AC	RGB 217 197 172	#D9C5AC
83.3%	83.3% #E3CBB0	RGB 227 203 176	#E3CBB0
100.0%	100.0% #EED2B5	RGB 238 210 181	#EED2B5

#AFAC9A #B9B29E #C4B8A3 #CEBFA7 #D9C5AC #E3CBB0 #EED2B5

#AFAC9A - #EED2B5

HSV Blend

#AFAC9A - #EED2B5 | 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 #AFAC9A as 0% and #EED2B5 as 100%.

0.0%	0.0% #AFAC9A	RGB 175 172 154	#AFAC9A
16.7%	16.7% #B9B49F	RGB 185 180 159	#B9B49F
33.3%	33.3% #C4BBA4	RGB 196 187 164	#C4BBA4
50.0%	50.0% #CEC2A9	RGB 206 194 169	#CEC2A9
66.7%	66.7% #D9C8AD	RGB 217 200 173	#D9C8AD
83.3%	83.3% #E3CDB1	RGB 227 205 177	#E3CDB1
100.0%	100.0% #EED2B5	RGB 238 210 181	#EED2B5

#AFAC9A #B9B49F #C4BBA4 #CEC2A9 #D9C8AD #E3CDB1 #EED2B5

#AFAC9A - #CEC2A9 - #EED2B5

CSS codes

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

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