#AC5E70 - #AFA0DC | 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 #AC5E70 to #AFA0DC

#AC5E70 #AFA0DC

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

#AC5E70 - #AFA0DC | 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 #AC5E70 as 0% and #AFA0DC as 100%.

0.0%	0.0% #AC5E70	RGB 172 94 112	#AC5E70
16.7%	16.7% #AC6982	RGB 172 105 130	#AC6982
33.3%	33.3% #AD7494	RGB 173 116 148	#AD7494
50.0%	50.0% #AD7FA6	RGB 173 127 166	#AD7FA6
66.7%	66.7% #AE8AB8	RGB 174 138 184	#AE8AB8
83.3%	83.3% #AE95CA	RGB 174 149 202	#AE95CA
100.0%	100.0% #AFA0DC	RGB 175 160 220	#AFA0DC

#AC5E70 #AC6982 #AD7494 #AD7FA6 #AE8AB8 #AE95CA #AFA0DC

#AC5E70 - #AFA0DC

HSV Blend

#AC5E70 - #AFA0DC | 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 #AC5E70 as 0% and #AFA0DC as 100%.

0.0%	0.0% #AC5E70	RGB 172 94 112	#AC5E70
16.7%	16.7% #B4678C	RGB 180 103 140	#B4678C
33.3%	33.3% #BC72A8	RGB 188 114 168	#BC72A8
50.0%	50.0% #C47CC3	RGB 196 124 195	#C47CC3
66.7%	66.7% #BB88CC	RGB 187 136 204	#BB88CC
83.3%	83.3% #B493D4	RGB 180 147 212	#B493D4
100.0%	100.0% #AFA0DC	RGB 175 160 220	#AFA0DC

#AC5E70 #B4678C #BC72A8 #C47CC3 #BB88CC #B493D4 #AFA0DC

#AC5E70 - #C47CC3 - #AFA0DC

CSS codes

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

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