#8B4A8C - #AFAFB2 | 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 #8B4A8C to #AFAFB2

#8B4A8C #AFAFB2

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

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

0.0%	0.0% #8B4A8C	RGB 139 74 140	#8B4A8C
16.7%	16.7% #915A92	RGB 145 90 146	#915A92
33.3%	33.3% #976B98	RGB 151 107 152	#976B98
50.0%	50.0% #9D7C9F	RGB 157 124 159	#9D7C9F
66.7%	66.7% #A38DA5	RGB 163 141 165	#A38DA5
83.3%	83.3% #A99EAB	RGB 169 158 171	#A99EAB
100.0%	100.0% #AFAFB2	RGB 175 175 178	#AFAFB2

#8B4A8C #915A92 #976B98 #9D7C9F #A38DA5 #A99EAB #AFAFB2

#8B4A8C - #AFAFB2

HSV Blend

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

0.0%	0.0% #8B4A8C	RGB 139 74 140	#8B4A8C
16.7%	16.7% #875892	RGB 135 88 146	#875892
33.3%	33.3% #876798	RGB 135 103 152	#876798
50.0%	50.0% #8B789F	RGB 139 120 159	#8B789F
66.7%	66.7% #9289A5	RGB 146 137 165	#9289A5
83.3%	83.3% #9E9BAB	RGB 158 155 171	#9E9BAB
100.0%	100.0% #AFAFB2	RGB 175 175 178	#AFAFB2

#8B4A8C #875892 #876798 #8B789F #9289A5 #9E9BAB #AFAFB2

#8B4A8C - #8B789F - #AFAFB2

CSS codes

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

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