#AC8FA4 - #E7DFE4 | 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 #AC8FA4 to #E7DFE4

#AC8FA4 #E7DFE4

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

#AC8FA4 - #E7DFE4 | 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 #AC8FA4 as 0% and #E7DFE4 as 100%.

0.0%	0.0% #AC8FA4	RGB 172 143 164	#AC8FA4
16.7%	16.7% #B59CAE	RGB 181 156 174	#B59CAE
33.3%	33.3% #BFA9B9	RGB 191 169 185	#BFA9B9
50.0%	50.0% #C9B7C4	RGB 201 183 196	#C9B7C4
66.7%	66.7% #D3C4CE	RGB 211 196 206	#D3C4CE
83.3%	83.3% #DDD1D9	RGB 221 209 217	#DDD1D9
100.0%	100.0% #E7DFE4	RGB 231 223 228	#E7DFE4

#AC8FA4 #B59CAE #BFA9B9 #C9B7C4 #D3C4CE #DDD1D9 #E7DFE4

#AC8FA4 - #E7DFE4

HSV Blend

#AC8FA4 - #E7DFE4 | 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 #AC8FA4 as 0% and #E7DFE4 as 100%.

0.0%	0.0% #AC8FA4	RGB 172 143 164	#AC8FA4
16.7%	16.7% #B59BAE	RGB 181 155 174	#B59BAE
33.3%	33.3% #BFA7B8	RGB 191 167 184	#BFA7B8
50.0%	50.0% #C9B5C2	RGB 201 181 194	#C9B5C2
66.7%	66.7% #D3C2CD	RGB 211 194 205	#D3C2CD
83.3%	83.3% #DDD0D8	RGB 221 208 216	#DDD0D8
100.0%	100.0% #E7DFE4	RGB 231 223 228	#E7DFE4

#AC8FA4 #B59BAE #BFA7B8 #C9B5C2 #D3C2CD #DDD0D8 #E7DFE4

#AC8FA4 - #C9B5C2 - #E7DFE4

CSS codes

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

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