#B3605E - #331B1A | 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 #B3605E to #331B1A

#B3605E #331B1A

Calculate the color between two colors, #B3605E and #331B1A. 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)

#B3605E - #331B1A | 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 #B3605E as 0% and #331B1A as 100%.

0.0%	0.0% #B3605E	RGB 179 96 94	#B3605E
16.7%	16.7% #9D5452	RGB 157 84 82	#9D5452
33.3%	33.3% #884947	RGB 136 73 71	#884947
50.0%	50.0% #733D3C	RGB 115 61 60	#733D3C
66.7%	66.7% #5D3230	RGB 93 50 48	#5D3230
83.3%	83.3% #482625	RGB 72 38 37	#482625
100.0%	100.0% #331B1A	RGB 51 27 26	#331B1A

#B3605E #9D5452 #884947 #733D3C #5D3230 #482625 #331B1A

#B3605E - #331B1A

HSV Blend

#B3605E - #331B1A | 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 #B3605E as 0% and #331B1A as 100%.

0.0%	0.0% #B3605E	RGB 179 96 94	#B3605E
16.7%	16.7% #9D5452	RGB 157 84 82	#9D5452
33.3%	33.3% #884846	RGB 136 72 70	#884846
50.0%	50.0% #733D3B	RGB 115 61 59	#733D3B
66.7%	66.7% #5D3130	RGB 93 49 48	#5D3130
83.3%	83.3% #482625	RGB 72 38 37	#482625
100.0%	100.0% #331B1A	RGB 51 27 26	#331B1A

#B3605E #9D5452 #884846 #733D3B #5D3130 #482625 #331B1A

#B3605E - #733D3B - #331B1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3605E 0%, #733D3B 50%, #331B1A 100%);
    background: -webkit-linear-gradient(top, #B3605E 0%, #733D3B 50%, #331B1A 100%);
    background: linear-gradient(to bottom, #B3605E 0%, #733D3B 50%, #331B1A 100%);
}
</style>