#D8A8C2 - #AA4776 | 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 #D8A8C2 to #AA4776

#D8A8C2 #AA4776

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

#D8A8C2 - #AA4776 | 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 #D8A8C2 as 0% and #AA4776 as 100%.

0.0%	0.0% #D8A8C2	RGB 216 168 194	#D8A8C2
16.7%	16.7% #D097B5	RGB 208 151 181	#D097B5
33.3%	33.3% #C887A8	RGB 200 135 168	#C887A8
50.0%	50.0% #C1779C	RGB 193 119 156	#C1779C
66.7%	66.7% #B9678F	RGB 185 103 143	#B9678F
83.3%	83.3% #B15782	RGB 177 87 130	#B15782
100.0%	100.0% #AA4776	RGB 170 71 118	#AA4776

#D8A8C2 #D097B5 #C887A8 #C1779C #B9678F #B15782 #AA4776

#D8A8C2 - #AA4776

HSV Blend

#D8A8C2 - #AA4776 | 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 #D8A8C2 as 0% and #AA4776 as 100%.

0.0%	0.0% #D8A8C2	RGB 216 168 194	#D8A8C2
16.7%	16.7% #D095B4	RGB 208 149 180	#D095B4
33.3%	33.3% #C883A7	RGB 200 131 167	#C883A7
50.0%	50.0% #C1739A	RGB 193 115 154	#C1739A
66.7%	66.7% #B9638E	RGB 185 99 142	#B9638E
83.3%	83.3% #B15481	RGB 177 84 129	#B15481
100.0%	100.0% #AA4776	RGB 170 71 118	#AA4776

#D8A8C2 #D095B4 #C883A7 #C1739A #B9638E #B15481 #AA4776

#D8A8C2 - #C1739A - #AA4776

CSS codes

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

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