#8F5E7B - #AFAEA6 | 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 #8F5E7B to #AFAEA6

#8F5E7B #AFAEA6

Calculate the color between two colors, #8F5E7B and #AFAEA6. 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)

#8F5E7B - #AFAEA6 | 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 #8F5E7B as 0% and #AFAEA6 as 100%.

0.0%	0.0% #8F5E7B	RGB 143 94 123	#8F5E7B
16.7%	16.7% #946B82	RGB 148 107 130	#946B82
33.3%	33.3% #997889	RGB 153 120 137	#997889
50.0%	50.0% #9F8690	RGB 159 134 144	#9F8690
66.7%	66.7% #A49397	RGB 164 147 151	#A49397
83.3%	83.3% #A9A09E	RGB 169 160 158	#A9A09E
100.0%	100.0% #AFAEA6	RGB 175 174 166	#AFAEA6

#8F5E7B #946B82 #997889 #9F8690 #A49397 #A9A09E #AFAEA6

#8F5E7B - #AFAEA6

HSV Blend

#8F5E7B - #AFAEA6 | 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 #8F5E7B as 0% and #AFAEA6 as 100%.

0.0%	0.0% #8F5E7B	RGB 143 94 123	#8F5E7B
16.7%	16.7% #946877	RGB 148 104 119	#946877
33.3%	33.3% #997377	RGB 153 115 119	#997377
50.0%	50.0% #9F847F	RGB 159 132 127	#9F847F
66.7%	66.7% #A4958B	RGB 164 149 139	#A4958B
83.3%	83.3% #A9A398	RGB 169 163 152	#A9A398
100.0%	100.0% #AFAEA6	RGB 175 174 166	#AFAEA6

#8F5E7B #946877 #997377 #9F847F #A4958B #A9A398 #AFAEA6

#8F5E7B - #9F847F - #AFAEA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7B 0%, #9F847F 50%, #AFAEA6 100%);
    background: -webkit-linear-gradient(top, #8F5E7B 0%, #9F847F 50%, #AFAEA6 100%);
    background: linear-gradient(to bottom, #8F5E7B 0%, #9F847F 50%, #AFAEA6 100%);
}
</style>