#AF8C98 - #E8DEE1 | 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 #AF8C98 to #E8DEE1

#AF8C98 #E8DEE1

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

#AF8C98 - #E8DEE1 | 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 #AF8C98 as 0% and #E8DEE1 as 100%.

0.0%	0.0% #AF8C98	RGB 175 140 152	#AF8C98
16.7%	16.7% #B899A4	RGB 184 153 164	#B899A4
33.3%	33.3% #C2A7B0	RGB 194 167 176	#C2A7B0
50.0%	50.0% #CBB5BC	RGB 203 181 188	#CBB5BC
66.7%	66.7% #D5C2C8	RGB 213 194 200	#D5C2C8
83.3%	83.3% #DED0D4	RGB 222 208 212	#DED0D4
100.0%	100.0% #E8DEE1	RGB 232 222 225	#E8DEE1

#AF8C98 #B899A4 #C2A7B0 #CBB5BC #D5C2C8 #DED0D4 #E8DEE1

#AF8C98 - #E8DEE1

HSV Blend

#AF8C98 - #E8DEE1 | 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 #AF8C98 as 0% and #E8DEE1 as 100%.

0.0%	0.0% #AF8C98	RGB 175 140 152	#AF8C98
16.7%	16.7% #B898A3	RGB 184 152 163	#B898A3
33.3%	33.3% #C2A5AE	RGB 194 165 174	#C2A5AE
50.0%	50.0% #CBB2BA	RGB 203 178 186	#CBB2BA
66.7%	66.7% #D5C0C7	RGB 213 192 199	#D5C0C7
83.3%	83.3% #DECFD3	RGB 222 207 211	#DECFD3
100.0%	100.0% #E8DEE1	RGB 232 222 225	#E8DEE1

#AF8C98 #B898A3 #C2A5AE #CBB2BA #D5C0C7 #DECFD3 #E8DEE1

#AF8C98 - #CBB2BA - #E8DEE1

CSS codes

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

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