#AF7F7E - #E8DBDA | 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 #AF7F7E to #E8DBDA

#AF7F7E #E8DBDA

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

#AF7F7E - #E8DBDA | 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 #AF7F7E as 0% and #E8DBDA as 100%.

0.0%	0.0% #AF7F7E	RGB 175 127 126	#AF7F7E
16.7%	16.7% #B88E8D	RGB 184 142 141	#B88E8D
33.3%	33.3% #C29D9C	RGB 194 157 156	#C29D9C
50.0%	50.0% #CBADAC	RGB 203 173 172	#CBADAC
66.7%	66.7% #D5BCBB	RGB 213 188 187	#D5BCBB
83.3%	83.3% #DECBCA	RGB 222 203 202	#DECBCA
100.0%	100.0% #E8DBDA	RGB 232 219 218	#E8DBDA

#AF7F7E #B88E8D #C29D9C #CBADAC #D5BCBB #DECBCA #E8DBDA

#AF7F7E - #E8DBDA

HSV Blend

#AF7F7E - #E8DBDA | 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 #AF7F7E as 0% and #E8DBDA as 100%.

0.0%	0.0% #AF7F7E	RGB 175 127 126	#AF7F7E
16.7%	16.7% #B88C8B	RGB 184 140 139	#B88C8B
33.3%	33.3% #C29B99	RGB 194 155 153	#C29B99
50.0%	50.0% #CBAAA8	RGB 203 170 168	#CBAAA8
66.7%	66.7% #D5BAB8	RGB 213 186 184	#D5BAB8
83.3%	83.3% #DECAC8	RGB 222 202 200	#DECAC8
100.0%	100.0% #E8DBDA	RGB 232 219 218	#E8DBDA

#AF7F7E #B88C8B #C29B99 #CBAAA8 #D5BAB8 #DECAC8 #E8DBDA

#AF7F7E - #CBAAA8 - #E8DBDA

CSS codes

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

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