#B8907B - #954C2B | 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 #B8907B to #954C2B

#B8907B #954C2B

Calculate the color between two colors, #B8907B and #954C2B. 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)

#B8907B - #954C2B | 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 #B8907B as 0% and #954C2B as 100%.

0.0%	0.0% #B8907B	RGB 184 144 123	#B8907B
16.7%	16.7% #B2846D	RGB 178 132 109	#B2846D
33.3%	33.3% #AC7960	RGB 172 121 96	#AC7960
50.0%	50.0% #A66E53	RGB 166 110 83	#A66E53
66.7%	66.7% #A06245	RGB 160 98 69	#A06245
83.3%	83.3% #9A5738	RGB 154 87 56	#9A5738
100.0%	100.0% #954C2B	RGB 149 76 43	#954C2B

#B8907B #B2846D #AC7960 #A66E53 #A06245 #9A5738 #954C2B

#B8907B - #954C2B

HSV Blend

#B8907B - #954C2B | 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 #B8907B as 0% and #954C2B as 100%.

0.0%	0.0% #B8907B	RGB 184 144 123	#B8907B
16.7%	16.7% #B2836B	RGB 178 131 107	#B2836B
33.3%	33.3% #AC775D	RGB 172 119 93	#AC775D
50.0%	50.0% #A66C4F	RGB 166 108 79	#A66C4F
66.7%	66.7% #A06042	RGB 160 96 66	#A06042
83.3%	83.3% #9A5636	RGB 154 86 54	#9A5636
100.0%	100.0% #954C2B	RGB 149 76 43	#954C2B

#B8907B #B2836B #AC775D #A66C4F #A06042 #9A5636 #954C2B

#B8907B - #A66C4F - #954C2B

CSS codes

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

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