#AD9C9C - #D7ACD9 | 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 #AD9C9C to #D7ACD9

#AD9C9C #D7ACD9

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

#AD9C9C - #D7ACD9 | 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 #AD9C9C as 0% and #D7ACD9 as 100%.

0.0%	0.0% #AD9C9C	RGB 173 156 156	#AD9C9C
16.7%	16.7% #B49EA6	RGB 180 158 166	#B49EA6
33.3%	33.3% #BBA1B0	RGB 187 161 176	#BBA1B0
50.0%	50.0% #C2A4BA	RGB 194 164 186	#C2A4BA
66.7%	66.7% #C9A6C4	RGB 201 166 196	#C9A6C4
83.3%	83.3% #D0A9CE	RGB 208 169 206	#D0A9CE
100.0%	100.0% #D7ACD9	RGB 215 172 217	#D7ACD9

#AD9C9C #B49EA6 #BBA1B0 #C2A4BA #C9A6C4 #D0A9CE #D7ACD9

#AD9C9C - #D7ACD9

HSV Blend

#AD9C9C - #D7ACD9 | 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 #AD9C9C as 0% and #D7ACD9 as 100%.

0.0%	0.0% #AD9C9C	RGB 173 156 156	#AD9C9C
16.7%	16.7% #B49FA2	RGB 180 159 162	#B49FA2
33.3%	33.3% #BBA2AB	RGB 187 162 171	#BBA2AB
50.0%	50.0% #C3A5B4	RGB 195 165 180	#C3A5B4
66.7%	66.7% #CAA7BF	RGB 202 167 191	#CAA7BF
83.3%	83.3% #D1AACC	RGB 209 170 204	#D1AACC
100.0%	100.0% #D7ACD9	RGB 215 172 217	#D7ACD9

#AD9C9C #B49FA2 #BBA2AB #C3A5B4 #CAA7BF #D1AACC #D7ACD9

#AD9C9C - #C3A5B4 - #D7ACD9

CSS codes

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

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