#B2A2AF - #8C4D89 | 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 #B2A2AF to #8C4D89

#B2A2AF #8C4D89

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

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

0.0%	0.0% #B2A2AF	RGB 178 162 175	#B2A2AF
16.7%	16.7% #AB93A8	RGB 171 147 168	#AB93A8
33.3%	33.3% #A585A2	RGB 165 133 162	#A585A2
50.0%	50.0% #9F779C	RGB 159 119 156	#9F779C
66.7%	66.7% #986995	RGB 152 105 149	#986995
83.3%	83.3% #925B8F	RGB 146 91 143	#925B8F
100.0%	100.0% #8C4D89	RGB 140 77 137	#8C4D89

#B2A2AF #AB93A8 #A585A2 #9F779C #986995 #925B8F #8C4D89

#B2A2AF - #8C4D89

HSV Blend

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

0.0%	0.0% #B2A2AF	RGB 178 162 175	#B2A2AF
16.7%	16.7% #AB91A7	RGB 171 145 167	#AB91A7
33.3%	33.3% #A582A0	RGB 165 130 160	#A582A0
50.0%	50.0% #9F7499	RGB 159 116 153	#9F7499
66.7%	66.7% #986693	RGB 152 102 147	#986693
83.3%	83.3% #92598E	RGB 146 89 142	#92598E
100.0%	100.0% #8C4D89	RGB 140 77 137	#8C4D89

#B2A2AF #AB91A7 #A582A0 #9F7499 #986693 #92598E #8C4D89

#B2A2AF - #9F7499 - #8C4D89

CSS codes

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

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