#E2D3D4 - #AF888D | 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 #E2D3D4 to #AF888D

#E2D3D4 #AF888D

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

#E2D3D4 - #AF888D | 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 #E2D3D4 as 0% and #AF888D as 100%.

0.0%	0.0% #E2D3D4	RGB 226 211 212	#E2D3D4
16.7%	16.7% #D9C6C8	RGB 217 198 200	#D9C6C8
33.3%	33.3% #D1BABC	RGB 209 186 188	#D1BABC
50.0%	50.0% #C8ADB0	RGB 200 173 176	#C8ADB0
66.7%	66.7% #C0A1A4	RGB 192 161 164	#C0A1A4
83.3%	83.3% #B79498	RGB 183 148 152	#B79498
100.0%	100.0% #AF888D	RGB 175 136 141	#AF888D

#E2D3D4 #D9C6C8 #D1BABC #C8ADB0 #C0A1A4 #B79498 #AF888D

#E2D3D4 - #AF888D

HSV Blend

#E2D3D4 - #AF888D | 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 #E2D3D4 as 0% and #AF888D as 100%.

0.0%	0.0% #E2D3D4	RGB 226 211 212	#E2D3D4
16.7%	16.7% #D9C5C6	RGB 217 197 198	#D9C5C6
33.3%	33.3% #D1B8BA	RGB 209 184 186	#D1B8BA
50.0%	50.0% #C8ABAE	RGB 200 171 174	#C8ABAE
66.7%	66.7% #C09FA2	RGB 192 159 162	#C09FA2
83.3%	83.3% #B79397	RGB 183 147 151	#B79397
100.0%	100.0% #AF888D	RGB 175 136 141	#AF888D

#E2D3D4 #D9C5C6 #D1B8BA #C8ABAE #C09FA2 #B79397 #AF888D

#E2D3D4 - #C8ABAE - #AF888D

CSS codes

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

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