#BB8C7B - #99472B | 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 #BB8C7B to #99472B

#BB8C7B #99472B

Calculate the color between two colors, #BB8C7B and #99472B. 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)

#BB8C7B - #99472B | 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 #BB8C7B as 0% and #99472B as 100%.

0.0%	0.0% #BB8C7B	RGB 187 140 123	#BB8C7B
16.7%	16.7% #B5806D	RGB 181 128 109	#B5806D
33.3%	33.3% #AF7560	RGB 175 117 96	#AF7560
50.0%	50.0% #AA6953	RGB 170 105 83	#AA6953
66.7%	66.7% #A45E45	RGB 164 94 69	#A45E45
83.3%	83.3% #9E5238	RGB 158 82 56	#9E5238
100.0%	100.0% #99472B	RGB 153 71 43	#99472B

#BB8C7B #B5806D #AF7560 #AA6953 #A45E45 #9E5238 #99472B

#BB8C7B - #99472B

HSV Blend

#BB8C7B - #99472B | 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 #BB8C7B as 0% and #99472B as 100%.

0.0%	0.0% #BB8C7B	RGB 187 140 123	#BB8C7B
16.7%	16.7% #B57F6B	RGB 181 127 107	#B57F6B
33.3%	33.3% #AF735D	RGB 175 115 93	#AF735D
50.0%	50.0% #AA674F	RGB 170 103 79	#AA674F
66.7%	66.7% #A45C42	RGB 164 92 66	#A45C42
83.3%	83.3% #9E5136	RGB 158 81 54	#9E5136
100.0%	100.0% #99472B	RGB 153 71 43	#99472B

#BB8C7B #B57F6B #AF735D #AA674F #A45C42 #9E5136 #99472B

#BB8C7B - #AA674F - #99472B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB8C7B 0%, #AA674F 50%, #99472B 100%);
    background: -webkit-linear-gradient(top, #BB8C7B 0%, #AA674F 50%, #99472B 100%);
    background: linear-gradient(to bottom, #BB8C7B 0%, #AA674F 50%, #99472B 100%);
}
</style>