#B6AFB2 - #8C5A81 | 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 #B6AFB2 to #8C5A81

#B6AFB2 #8C5A81

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

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

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #AFA0A9	RGB 175 160 169	#AFA0A9
33.3%	33.3% #A892A1	RGB 168 146 161	#A892A1
50.0%	50.0% #A18499	RGB 161 132 153	#A18499
66.7%	66.7% #9A7691	RGB 154 118 145	#9A7691
83.3%	83.3% #936889	RGB 147 104 137	#936889
100.0%	100.0% #8C5A81	RGB 140 90 129	#8C5A81

#B6AFB2 #AFA0A9 #A892A1 #A18499 #9A7691 #936889 #8C5A81

#B6AFB2 - #8C5A81

HSV Blend

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

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #AF9EA6	RGB 175 158 166	#AF9EA6
33.3%	33.3% #A88F9C	RGB 168 143 156	#A88F9C
50.0%	50.0% #A18194	RGB 161 129 148	#A18194
66.7%	66.7% #9A738C	RGB 154 115 140	#9A738C
83.3%	83.3% #936686	RGB 147 102 134	#936686
100.0%	100.0% #8C5A81	RGB 140 90 129	#8C5A81

#B6AFB2 #AF9EA6 #A88F9C #A18194 #9A738C #936686 #8C5A81

#B6AFB2 - #A18194 - #8C5A81

CSS codes

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

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