#B6AFB0 - #8C5A68 | 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 #B6AFB0 to #8C5A68

#B6AFB0 #8C5A68

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

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

0.0%	0.0% #B6AFB0	RGB 182 175 176	#B6AFB0
16.7%	16.7% #AFA0A4	RGB 175 160 164	#AFA0A4
33.3%	33.3% #A89298	RGB 168 146 152	#A89298
50.0%	50.0% #A1848C	RGB 161 132 140	#A1848C
66.7%	66.7% #9A7680	RGB 154 118 128	#9A7680
83.3%	83.3% #936874	RGB 147 104 116	#936874
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#B6AFB0 #AFA0A4 #A89298 #A1848C #9A7680 #936874 #8C5A68

#B6AFB0 - #8C5A68

HSV Blend

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

0.0%	0.0% #B6AFB0	RGB 182 175 176	#B6AFB0
16.7%	16.7% #AF9EA1	RGB 175 158 161	#AF9EA1
33.3%	33.3% #A88F94	RGB 168 143 148	#A88F94
50.0%	50.0% #A18187	RGB 161 129 135	#A18187
66.7%	66.7% #9A737C	RGB 154 115 124	#9A737C
83.3%	83.3% #936671	RGB 147 102 113	#936671
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#B6AFB0 #AF9EA1 #A88F94 #A18187 #9A737C #936671 #8C5A68

#B6AFB0 - #A18187 - #8C5A68

CSS codes

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

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