#B85C5C - #341A1A | 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 #B85C5C to #341A1A

#B85C5C #341A1A

Calculate the color between two colors, #B85C5C and #341A1A. 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)

#B85C5C - #341A1A | 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 #B85C5C as 0% and #341A1A as 100%.

0.0%	0.0% #B85C5C	RGB 184 92 92	#B85C5C
16.7%	16.7% #A25151	RGB 162 81 81	#A25151
33.3%	33.3% #8C4646	RGB 140 70 70	#8C4646
50.0%	50.0% #763B3B	RGB 118 59 59	#763B3B
66.7%	66.7% #603030	RGB 96 48 48	#603030
83.3%	83.3% #4A2525	RGB 74 37 37	#4A2525
100.0%	100.0% #341A1A	RGB 52 26 26	#341A1A

#B85C5C #A25151 #8C4646 #763B3B #603030 #4A2525 #341A1A

#B85C5C - #341A1A

HSV Blend

#B85C5C - #341A1A | 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 #B85C5C as 0% and #341A1A as 100%.

0.0%	0.0% #B85C5C	RGB 184 92 92	#B85C5C
16.7%	16.7% #A25151	RGB 162 81 81	#A25151
33.3%	33.3% #8C4646	RGB 140 70 70	#8C4646
50.0%	50.0% #763B3B	RGB 118 59 59	#763B3B
66.7%	66.7% #603030	RGB 96 48 48	#603030
83.3%	83.3% #4A2525	RGB 74 37 37	#4A2525
100.0%	100.0% #341A1A	RGB 52 26 26	#341A1A

#B85C5C #A25151 #8C4646 #763B3B #603030 #4A2525 #341A1A

#B85C5C - #763B3B - #341A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B85C5C 0%, #763B3B 50%, #341A1A 100%);
    background: -webkit-linear-gradient(top, #B85C5C 0%, #763B3B 50%, #341A1A 100%);
    background: linear-gradient(to bottom, #B85C5C 0%, #763B3B 50%, #341A1A 100%);
}
</style>