#AC6B8C - #E7D4DE | 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 #AC6B8C to #E7D4DE

#AC6B8C #E7D4DE

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

#AC6B8C - #E7D4DE | 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 #AC6B8C as 0% and #E7D4DE as 100%.

0.0%	0.0% #AC6B8C	RGB 172 107 140	#AC6B8C
16.7%	16.7% #B57C99	RGB 181 124 153	#B57C99
33.3%	33.3% #BF8EA7	RGB 191 142 167	#BF8EA7
50.0%	50.0% #C99FB5	RGB 201 159 181	#C99FB5
66.7%	66.7% #D3B1C2	RGB 211 177 194	#D3B1C2
83.3%	83.3% #DDC2D0	RGB 221 194 208	#DDC2D0
100.0%	100.0% #E7D4DE	RGB 231 212 222	#E7D4DE

#AC6B8C #B57C99 #BF8EA7 #C99FB5 #D3B1C2 #DDC2D0 #E7D4DE

#AC6B8C - #E7D4DE

HSV Blend

#AC6B8C - #E7D4DE | 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 #AC6B8C as 0% and #E7D4DE as 100%.

0.0%	0.0% #AC6B8C	RGB 172 107 140	#AC6B8C
16.7%	16.7% #B57A98	RGB 181 122 152	#B57A98
33.3%	33.3% #BF8AA5	RGB 191 138 165	#BF8AA5
50.0%	50.0% #C99BB3	RGB 201 155 179	#C99BB3
66.7%	66.7% #D3ADC0	RGB 211 173 192	#D3ADC0
83.3%	83.3% #DDC0CF	RGB 221 192 207	#DDC0CF
100.0%	100.0% #E7D4DE	RGB 231 212 222	#E7D4DE

#AC6B8C #B57A98 #BF8AA5 #C99BB3 #D3ADC0 #DDC0CF #E7D4DE

#AC6B8C - #C99BB3 - #E7D4DE

CSS codes

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

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