#AF89A8 - #842C58 | 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 #AF89A8 to #842C58

#AF89A8 #842C58

Calculate the color between two colors, #AF89A8 and #842C58. 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)

#AF89A8 - #842C58 | 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 #AF89A8 as 0% and #842C58 as 100%.

0.0%	0.0% #AF89A8	RGB 175 137 168	#AF89A8
16.7%	16.7% #A7799A	RGB 167 121 154	#A7799A
33.3%	33.3% #A06A8D	RGB 160 106 141	#A06A8D
50.0%	50.0% #995A80	RGB 153 90 128	#995A80
66.7%	66.7% #924B72	RGB 146 75 114	#924B72
83.3%	83.3% #8B3B65	RGB 139 59 101	#8B3B65
100.0%	100.0% #842C58	RGB 132 44 88	#842C58

#AF89A8 #A7799A #A06A8D #995A80 #924B72 #8B3B65 #842C58

#AF89A8 - #842C58

HSV Blend

#AF89A8 - #842C58 | 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 #AF89A8 as 0% and #842C58 as 100%.

0.0%	0.0% #AF89A8	RGB 175 137 168	#AF89A8
16.7%	16.7% #A7769C	RGB 167 118 156	#A7769C
33.3%	33.3% #A0658F	RGB 160 101 143	#A0658F
50.0%	50.0% #995582	RGB 153 85 130	#995582
66.7%	66.7% #924674	RGB 146 70 116	#924674
83.3%	83.3% #8B3866	RGB 139 56 102	#8B3866
100.0%	100.0% #842C58	RGB 132 44 88	#842C58

#AF89A8 #A7769C #A0658F #995582 #924674 #8B3866 #842C58

#AF89A8 - #995582 - #842C58

CSS codes

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

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