#5E2F2E - #BF7153 | 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 #5E2F2E to #BF7153

#5E2F2E #BF7153

Calculate the color between two colors, #5E2F2E and #BF7153. 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)

#5E2F2E - #BF7153 | 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 #5E2F2E as 0% and #BF7153 as 100%.

0.0%	0.0% #5E2F2E	RGB 94 47 46	#5E2F2E
16.7%	16.7% #6E3A34	RGB 110 58 52	#6E3A34
33.3%	33.3% #7E453A	RGB 126 69 58	#7E453A
50.0%	50.0% #8E5040	RGB 142 80 64	#8E5040
66.7%	66.7% #9E5B46	RGB 158 91 70	#9E5B46
83.3%	83.3% #AE664C	RGB 174 102 76	#AE664C
100.0%	100.0% #BF7153	RGB 191 113 83	#BF7153

#5E2F2E #6E3A34 #7E453A #8E5040 #9E5B46 #AE664C #BF7153

#5E2F2E - #BF7153

HSV Blend

#5E2F2E - #BF7153 | 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 #5E2F2E as 0% and #BF7153 as 100%.

0.0%	0.0% #5E2F2E	RGB 94 47 46	#5E2F2E
16.7%	16.7% #6E3834	RGB 110 56 52	#6E3834
33.3%	33.3% #7E423B	RGB 126 66 59	#7E423B
50.0%	50.0% #8E4D41	RGB 142 77 65	#8E4D41
66.7%	66.7% #9E5847	RGB 158 88 71	#9E5847
83.3%	83.3% #AE644D	RGB 174 100 77	#AE644D
100.0%	100.0% #BF7153	RGB 191 113 83	#BF7153

#5E2F2E #6E3834 #7E423B #8E4D41 #9E5847 #AE644D #BF7153

#5E2F2E - #8E4D41 - #BF7153

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F2E 0%, #8E4D41 50%, #BF7153 100%);
    background: -webkit-linear-gradient(top, #5E2F2E 0%, #8E4D41 50%, #BF7153 100%);
    background: linear-gradient(to bottom, #5E2F2E 0%, #8E4D41 50%, #BF7153 100%);
}
</style>