#AC9BCE - #FFB8FD | 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 #AC9BCE to #FFB8FD

#AC9BCE #FFB8FD

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

#AC9BCE - #FFB8FD | 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 #AC9BCE as 0% and #FFB8FD as 100%.

0.0%	0.0% #AC9BCE	RGB 172 155 206	#AC9BCE
16.7%	16.7% #B99FD5	RGB 185 159 213	#B99FD5
33.3%	33.3% #C7A4DD	RGB 199 164 221	#C7A4DD
50.0%	50.0% #D5A9E5	RGB 213 169 229	#D5A9E5
66.7%	66.7% #E3AEED	RGB 227 174 237	#E3AEED
83.3%	83.3% #F1B3F5	RGB 241 179 245	#F1B3F5
100.0%	100.0% #FFB8FD	RGB 255 184 253	#FFB8FD

#AC9BCE #B99FD5 #C7A4DD #D5A9E5 #E3AEED #F1B3F5 #FFB8FD

#AC9BCE - #FFB8FD

HSV Blend

#AC9BCE - #FFB8FD | 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 #AC9BCE as 0% and #FFB8FD as 100%.

0.0%	0.0% #AC9BCE	RGB 172 155 206	#AC9BCE
16.7%	16.7% #B8A0D6	RGB 184 160 214	#B8A0D6
33.3%	33.3% #C5A5DE	RGB 197 165 222	#C5A5DE
50.0%	50.0% #D3A9E6	RGB 211 169 230	#D3A9E6
66.7%	66.7% #E1AEEE	RGB 225 174 238	#E1AEEE
83.3%	83.3% #F0B3F6	RGB 240 179 246	#F0B3F6
100.0%	100.0% #FFB8FD	RGB 255 184 253	#FFB8FD

#AC9BCE #B8A0D6 #C5A5DE #D3A9E6 #E1AEEE #F0B3F6 #FFB8FD

#AC9BCE - #D3A9E6 - #FFB8FD

CSS codes

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

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