#D7C7D9 - #AD71AC | 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 #D7C7D9 to #AD71AC

#D7C7D9 #AD71AC

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

#D7C7D9 - #AD71AC | 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 #D7C7D9 as 0% and #AD71AC as 100%.

0.0%	0.0% #D7C7D9	RGB 215 199 217	#D7C7D9
16.7%	16.7% #D0B8D1	RGB 208 184 209	#D0B8D1
33.3%	33.3% #C9AACA	RGB 201 170 202	#C9AACA
50.0%	50.0% #C29CC2	RGB 194 156 194	#C29CC2
66.7%	66.7% #BB8DBB	RGB 187 141 187	#BB8DBB
83.3%	83.3% #B47FB3	RGB 180 127 179	#B47FB3
100.0%	100.0% #AD71AC	RGB 173 113 172	#AD71AC

#D7C7D9 #D0B8D1 #C9AACA #C29CC2 #BB8DBB #B47FB3 #AD71AC

#D7C7D9 - #AD71AC

HSV Blend

#D7C7D9 - #AD71AC | 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 #D7C7D9 as 0% and #AD71AC as 100%.

0.0%	0.0% #D7C7D9	RGB 215 199 217	#D7C7D9
16.7%	16.7% #CFB7D1	RGB 207 183 209	#CFB7D1
33.3%	33.3% #C7A7CA	RGB 199 167 202	#C7A7CA
50.0%	50.0% #C199C3	RGB 193 153 195	#C199C3
66.7%	66.7% #BA8BBB	RGB 186 139 187	#BA8BBB
83.3%	83.3% #B47DB4	RGB 180 125 180	#B47DB4
100.0%	100.0% #AD71AC	RGB 173 113 172	#AD71AC

#D7C7D9 #CFB7D1 #C7A7CA #C199C3 #BA8BBB #B47DB4 #AD71AC

#D7C7D9 - #C199C3 - #AD71AC

CSS codes

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

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