#C7ACDF - #76489E | 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 #C7ACDF to #76489E

#C7ACDF #76489E

Calculate the color between two colors, #C7ACDF and #76489E. 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)

#C7ACDF - #76489E | 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 #C7ACDF as 0% and #76489E as 100%.

0.0%	0.0% #C7ACDF	RGB 199 172 223	#C7ACDF
16.7%	16.7% #B99BD4	RGB 185 155 212	#B99BD4
33.3%	33.3% #AC8AC9	RGB 172 138 201	#AC8AC9
50.0%	50.0% #9E7ABE	RGB 158 122 190	#9E7ABE
66.7%	66.7% #9169B3	RGB 145 105 179	#9169B3
83.3%	83.3% #8358A8	RGB 131 88 168	#8358A8
100.0%	100.0% #76489E	RGB 118 72 158	#76489E

#C7ACDF #B99BD4 #AC8AC9 #9E7ABE #9169B3 #8358A8 #76489E

#C7ACDF - #76489E

HSV Blend

#C7ACDF - #76489E | 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 #C7ACDF as 0% and #76489E as 100%.

0.0%	0.0% #C7ACDF	RGB 199 172 223	#C7ACDF
16.7%	16.7% #B898D4	RGB 184 152 212	#B898D4
33.3%	33.3% #A986C9	RGB 169 134 201	#A986C9
50.0%	50.0% #9C74BE	RGB 156 116 190	#9C74BE
66.7%	66.7% #8E64B3	RGB 142 100 179	#8E64B3
83.3%	83.3% #8255A8	RGB 130 85 168	#8255A8
100.0%	100.0% #76489E	RGB 118 72 158	#76489E

#C7ACDF #B898D4 #A986C9 #9C74BE #8E64B3 #8255A8 #76489E

#C7ACDF - #9C74BE - #76489E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7ACDF 0%, #9C74BE 50%, #76489E 100%);
    background: -webkit-linear-gradient(top, #C7ACDF 0%, #9C74BE 50%, #76489E 100%);
    background: linear-gradient(to bottom, #C7ACDF 0%, #9C74BE 50%, #76489E 100%);
}
</style>