#D8A8C7 - #AC457C | 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 #D8A8C7 to #AC457C

#D8A8C7 #AC457C

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

#D8A8C7 - #AC457C | 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 #D8A8C7 as 0% and #AC457C as 100%.

0.0%	0.0% #D8A8C7	RGB 216 168 199	#D8A8C7
16.7%	16.7% #D097BA	RGB 208 151 186	#D097BA
33.3%	33.3% #C987AE	RGB 201 135 174	#C987AE
50.0%	50.0% #C276A1	RGB 194 118 161	#C276A1
66.7%	66.7% #BA6695	RGB 186 102 149	#BA6695
83.3%	83.3% #B35588	RGB 179 85 136	#B35588
100.0%	100.0% #AC457C	RGB 172 69 124	#AC457C

#D8A8C7 #D097BA #C987AE #C276A1 #BA6695 #B35588 #AC457C

#D8A8C7 - #AC457C

HSV Blend

#D8A8C7 - #AC457C | 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 #D8A8C7 as 0% and #AC457C as 100%.

0.0%	0.0% #D8A8C7	RGB 216 168 199	#D8A8C7
16.7%	16.7% #D095BA	RGB 208 149 186	#D095BA
33.3%	33.3% #C983AD	RGB 201 131 173	#C983AD
50.0%	50.0% #C272A1	RGB 194 114 161	#C272A1
66.7%	66.7% #BA6294	RGB 186 98 148	#BA6294
83.3%	83.3% #B35388	RGB 179 83 136	#B35388
100.0%	100.0% #AC457C	RGB 172 69 124	#AC457C

#D8A8C7 #D095BA #C983AD #C272A1 #BA6294 #B35388 #AC457C

#D8A8C7 - #C272A1 - #AC457C

CSS codes

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

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