#D9ABC7 - #AF5682 | 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 #D9ABC7 to #AF5682

#D9ABC7 #AF5682

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

#D9ABC7 - #AF5682 | 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 #D9ABC7 as 0% and #AF5682 as 100%.

0.0%	0.0% #D9ABC7	RGB 217 171 199	#D9ABC7
16.7%	16.7% #D29CBB	RGB 210 156 187	#D29CBB
33.3%	33.3% #CB8EB0	RGB 203 142 176	#CB8EB0
50.0%	50.0% #C480A4	RGB 196 128 164	#C480A4
66.7%	66.7% #BD7299	RGB 189 114 153	#BD7299
83.3%	83.3% #B6648D	RGB 182 100 141	#B6648D
100.0%	100.0% #AF5682	RGB 175 86 130	#AF5682

#D9ABC7 #D29CBB #CB8EB0 #C480A4 #BD7299 #B6648D #AF5682

#D9ABC7 - #AF5682

HSV Blend

#D9ABC7 - #AF5682 | 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 #D9ABC7 as 0% and #AF5682 as 100%.

0.0%	0.0% #D9ABC7	RGB 217 171 199	#D9ABC7
16.7%	16.7% #D29BBB	RGB 210 155 187	#D29BBB
33.3%	33.3% #CB8BAF	RGB 203 139 175	#CB8BAF
50.0%	50.0% #C47DA4	RGB 196 125 164	#C47DA4
66.7%	66.7% #BD6F98	RGB 189 111 152	#BD6F98
83.3%	83.3% #B6628D	RGB 182 98 141	#B6628D
100.0%	100.0% #AF5682	RGB 175 86 130	#AF5682

#D9ABC7 #D29BBB #CB8BAF #C47DA4 #BD6F98 #B6628D #AF5682

#D9ABC7 - #C47DA4 - #AF5682

CSS codes

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

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