#AC85BA - #E7DCEB | 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 #AC85BA to #E7DCEB

#AC85BA #E7DCEB

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

#AC85BA - #E7DCEB | 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 #AC85BA as 0% and #E7DCEB as 100%.

0.0%	0.0% #AC85BA	RGB 172 133 186	#AC85BA
16.7%	16.7% #B593C2	RGB 181 147 194	#B593C2
33.3%	33.3% #BFA2CA	RGB 191 162 202	#BFA2CA
50.0%	50.0% #C9B0D2	RGB 201 176 210	#C9B0D2
66.7%	66.7% #D3BFDA	RGB 211 191 218	#D3BFDA
83.3%	83.3% #DDCDE2	RGB 221 205 226	#DDCDE2
100.0%	100.0% #E7DCEB	RGB 231 220 235	#E7DCEB

#AC85BA #B593C2 #BFA2CA #C9B0D2 #D3BFDA #DDCDE2 #E7DCEB

#AC85BA - #E7DCEB

HSV Blend

#AC85BA - #E7DCEB | 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 #AC85BA as 0% and #E7DCEB as 100%.

0.0%	0.0% #AC85BA	RGB 172 133 186	#AC85BA
16.7%	16.7% #B591C2	RGB 181 145 194	#B591C2
33.3%	33.3% #BF9FCA	RGB 191 159 202	#BF9FCA
50.0%	50.0% #C8ADD2	RGB 200 173 210	#C8ADD2
66.7%	66.7% #D2BCDA	RGB 210 188 218	#D2BCDA
83.3%	83.3% #DCCBE2	RGB 220 203 226	#DCCBE2
100.0%	100.0% #E7DCEB	RGB 231 220 235	#E7DCEB

#AC85BA #B591C2 #BF9FCA #C8ADD2 #D2BCDA #DCCBE2 #E7DCEB

#AC85BA - #C8ADD2 - #E7DCEB

CSS codes

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

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