#B05D76 - #321A20 | 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 #B05D76 to #321A20

#B05D76 #321A20

Calculate the color between two colors, #B05D76 and #321A20. 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)

#B05D76 - #321A20 | 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 #B05D76 as 0% and #321A20 as 100%.

0.0%	0.0% #B05D76	RGB 176 93 118	#B05D76
16.7%	16.7% #9B5167	RGB 155 81 103	#9B5167
33.3%	33.3% #864659	RGB 134 70 89	#864659
50.0%	50.0% #713B4B	RGB 113 59 75	#713B4B
66.7%	66.7% #5C303C	RGB 92 48 60	#5C303C
83.3%	83.3% #47252E	RGB 71 37 46	#47252E
100.0%	100.0% #321A20	RGB 50 26 32	#321A20

#B05D76 #9B5167 #864659 #713B4B #5C303C #47252E #321A20

#B05D76 - #321A20

HSV Blend

#B05D76 - #321A20 | 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 #B05D76 as 0% and #321A20 as 100%.

0.0%	0.0% #B05D76	RGB 176 93 118	#B05D76
16.7%	16.7% #9B5167	RGB 155 81 103	#9B5167
33.3%	33.3% #864658	RGB 134 70 88	#864658
50.0%	50.0% #713B4A	RGB 113 59 74	#713B4A
66.7%	66.7% #5C303B	RGB 92 48 59	#5C303B
83.3%	83.3% #47252D	RGB 71 37 45	#47252D
100.0%	100.0% #321A20	RGB 50 26 32	#321A20

#B05D76 #9B5167 #864658 #713B4A #5C303B #47252D #321A20

#B05D76 - #713B4A - #321A20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05D76 0%, #713B4A 50%, #321A20 100%);
    background: -webkit-linear-gradient(top, #B05D76 0%, #713B4A 50%, #321A20 100%);
    background: linear-gradient(to bottom, #B05D76 0%, #713B4A 50%, #321A20 100%);
}
</style>