#D9ACDF - #82499E | 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 #D9ACDF to #82499E

#D9ACDF #82499E

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

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

0.0%	0.0% #D9ACDF	RGB 217 172 223	#D9ACDF
16.7%	16.7% #CA9BD4	RGB 202 155 212	#CA9BD4
33.3%	33.3% #BC8BC9	RGB 188 139 201	#BC8BC9
50.0%	50.0% #AD7ABE	RGB 173 122 190	#AD7ABE
66.7%	66.7% #9F6AB3	RGB 159 106 179	#9F6AB3
83.3%	83.3% #9059A8	RGB 144 89 168	#9059A8
100.0%	100.0% #82499E	RGB 130 73 158	#82499E

#D9ACDF #CA9BD4 #BC8BC9 #AD7ABE #9F6AB3 #9059A8 #82499E

#D9ACDF - #82499E

HSV Blend

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

0.0%	0.0% #D9ACDF	RGB 217 172 223	#D9ACDF
16.7%	16.7% #CB98D4	RGB 203 152 212	#CB98D4
33.3%	33.3% #BC86C9	RGB 188 134 201	#BC86C9
50.0%	50.0% #AE75BE	RGB 174 117 190	#AE75BE
66.7%	66.7% #9F65B3	RGB 159 101 179	#9F65B3
83.3%	83.3% #9056A8	RGB 144 86 168	#9056A8
100.0%	100.0% #82499E	RGB 130 73 158	#82499E

#D9ACDF #CB98D4 #BC86C9 #AE75BE #9F65B3 #9056A8 #82499E

#D9ACDF - #AE75BE - #82499E

CSS codes

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

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