#B08C8C - #954237 | 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 #B08C8C to #954237

#B08C8C #954237

Calculate the color between two colors, #B08C8C and #954237. 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)

#B08C8C - #954237 | 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 #B08C8C as 0% and #954237 as 100%.

0.0%	0.0% #B08C8C	RGB 176 140 140	#B08C8C
16.7%	16.7% #AB7F7D	RGB 171 127 125	#AB7F7D
33.3%	33.3% #A7736F	RGB 167 115 111	#A7736F
50.0%	50.0% #A26761	RGB 162 103 97	#A26761
66.7%	66.7% #9E5A53	RGB 158 90 83	#9E5A53
83.3%	83.3% #994E45	RGB 153 78 69	#994E45
100.0%	100.0% #954237	RGB 149 66 55	#954237

#B08C8C #AB7F7D #A7736F #A26761 #9E5A53 #994E45 #954237

#B08C8C - #954237

HSV Blend

#B08C8C - #954237 | 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 #B08C8C as 0% and #954237 as 100%.

0.0%	0.0% #B08C8C	RGB 176 140 140	#B08C8C
16.7%	16.7% #AB7D7C	RGB 171 125 124	#AB7D7C
33.3%	33.3% #A76F6D	RGB 167 111 109	#A76F6D
50.0%	50.0% #A2625E	RGB 162 98 94	#A2625E
66.7%	66.7% #9E5650	RGB 158 86 80	#9E5650
83.3%	83.3% #994B43	RGB 153 75 67	#994B43
100.0%	100.0% #954237	RGB 149 66 55	#954237

#B08C8C #AB7D7C #A76F6D #A2625E #9E5650 #994B43 #954237

#B08C8C - #A2625E - #954237

CSS codes

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

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