#AC69C0 - #E7D4ED | 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 #AC69C0 to #E7D4ED

#AC69C0 #E7D4ED

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

#AC69C0 - #E7D4ED | 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 #AC69C0 as 0% and #E7D4ED as 100%.

0.0%	0.0% #AC69C0	RGB 172 105 192	#AC69C0
16.7%	16.7% #B57AC7	RGB 181 122 199	#B57AC7
33.3%	33.3% #BF8CCF	RGB 191 140 207	#BF8CCF
50.0%	50.0% #C99ED6	RGB 201 158 214	#C99ED6
66.7%	66.7% #D3B0DE	RGB 211 176 222	#D3B0DE
83.3%	83.3% #DDC2E5	RGB 221 194 229	#DDC2E5
100.0%	100.0% #E7D4ED	RGB 231 212 237	#E7D4ED

#AC69C0 #B57AC7 #BF8CCF #C99ED6 #D3B0DE #DDC2E5 #E7D4ED

#AC69C0 - #E7D4ED

HSV Blend

#AC69C0 - #E7D4ED | 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 #AC69C0 as 0% and #E7D4ED as 100%.

0.0%	0.0% #AC69C0	RGB 172 105 192	#AC69C0
16.7%	16.7% #B578C7	RGB 181 120 199	#B578C7
33.3%	33.3% #BE89CF	RGB 190 137 207	#BE89CF
50.0%	50.0% #C89AD6	RGB 200 154 214	#C89AD6
66.7%	66.7% #D2ACDE	RGB 210 172 222	#D2ACDE
83.3%	83.3% #DCBFE5	RGB 220 191 229	#DCBFE5
100.0%	100.0% #E7D4ED	RGB 231 212 237	#E7D4ED

#AC69C0 #B578C7 #BE89CF #C89AD6 #D2ACDE #DCBFE5 #E7D4ED

#AC69C0 - #C89AD6 - #E7D4ED

CSS codes

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

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