#B9939B - #81414C | 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 #B9939B to #81414C

#B9939B #81414C

Calculate the color between two colors, #B9939B and #81414C. 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)

#B9939B - #81414C | 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 #B9939B as 0% and #81414C as 100%.

0.0%	0.0% #B9939B	RGB 185 147 155	#B9939B
16.7%	16.7% #AF858D	RGB 175 133 141	#AF858D
33.3%	33.3% #A67780	RGB 166 119 128	#A67780
50.0%	50.0% #9D6A73	RGB 157 106 115	#9D6A73
66.7%	66.7% #935C66	RGB 147 92 102	#935C66
83.3%	83.3% #8A4E59	RGB 138 78 89	#8A4E59
100.0%	100.0% #81414C	RGB 129 65 76	#81414C

#B9939B #AF858D #A67780 #9D6A73 #935C66 #8A4E59 #81414C

#B9939B - #81414C

HSV Blend

#B9939B - #81414C | 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 #B9939B as 0% and #81414C as 100%.

0.0%	0.0% #B9939B	RGB 185 147 155	#B9939B
16.7%	16.7% #AF838C	RGB 175 131 140	#AF838C
33.3%	33.3% #A6747D	RGB 166 116 125	#A6747D
50.0%	50.0% #9D6570	RGB 157 101 112	#9D6570
66.7%	66.7% #935863	RGB 147 88 99	#935863
83.3%	83.3% #8A4C57	RGB 138 76 87	#8A4C57
100.0%	100.0% #81414C	RGB 129 65 76	#81414C

#B9939B #AF838C #A6747D #9D6570 #935863 #8A4C57 #81414C

#B9939B - #9D6570 - #81414C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9939B 0%, #9D6570 50%, #81414C 100%);
    background: -webkit-linear-gradient(top, #B9939B 0%, #9D6570 50%, #81414C 100%);
    background: linear-gradient(to bottom, #B9939B 0%, #9D6570 50%, #81414C 100%);
}
</style>