#AF8F7E - #E8DFDA | 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 #AF8F7E to #E8DFDA

#AF8F7E #E8DFDA

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

#AF8F7E - #E8DFDA | 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 #AF8F7E as 0% and #E8DFDA as 100%.

0.0%	0.0% #AF8F7E	RGB 175 143 126	#AF8F7E
16.7%	16.7% #B89C8D	RGB 184 156 141	#B89C8D
33.3%	33.3% #C2A99C	RGB 194 169 156	#C2A99C
50.0%	50.0% #CBB7AC	RGB 203 183 172	#CBB7AC
66.7%	66.7% #D5C4BB	RGB 213 196 187	#D5C4BB
83.3%	83.3% #DED1CA	RGB 222 209 202	#DED1CA
100.0%	100.0% #E8DFDA	RGB 232 223 218	#E8DFDA

#AF8F7E #B89C8D #C2A99C #CBB7AC #D5C4BB #DED1CA #E8DFDA

#AF8F7E - #E8DFDA

HSV Blend

#AF8F7E - #E8DFDA | 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 #AF8F7E as 0% and #E8DFDA as 100%.

0.0%	0.0% #AF8F7E	RGB 175 143 126	#AF8F7E
16.7%	16.7% #B89B8B	RGB 184 155 139	#B89B8B
33.3%	33.3% #C2A799	RGB 194 167 153	#C2A799
50.0%	50.0% #CBB5A8	RGB 203 181 168	#CBB5A8
66.7%	66.7% #D5C2B8	RGB 213 194 184	#D5C2B8
83.3%	83.3% #DED0C8	RGB 222 208 200	#DED0C8
100.0%	100.0% #E8DFDA	RGB 232 223 218	#E8DFDA

#AF8F7E #B89B8B #C2A799 #CBB5A8 #D5C2B8 #DED0C8 #E8DFDA

#AF8F7E - #CBB5A8 - #E8DFDA

CSS codes

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

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