#5E2915 - #B96330 | 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 #5E2915 to #B96330

#5E2915 #B96330

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

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

0.0%	0.0% #5E2915	RGB 94 41 21	#5E2915
16.7%	16.7% #6D3219	RGB 109 50 25	#6D3219
33.3%	33.3% #7C3C1E	RGB 124 60 30	#7C3C1E
50.0%	50.0% #8B4622	RGB 139 70 34	#8B4622
66.7%	66.7% #9A4F27	RGB 154 79 39	#9A4F27
83.3%	83.3% #A9592B	RGB 169 89 43	#A9592B
100.0%	100.0% #B96330	RGB 185 99 48	#B96330

#5E2915 #6D3219 #7C3C1E #8B4622 #9A4F27 #A9592B #B96330

#5E2915 - #B96330

HSV Blend

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

0.0%	0.0% #5E2814	RGB 94 40 20	#5E2814
16.7%	16.7% #6D3119	RGB 109 49 25	#6D3119
33.3%	33.3% #7C3A1D	RGB 124 58 29	#7C3A1D
50.0%	50.0% #8B4321	RGB 139 67 33	#8B4321
66.7%	66.7% #9A4D26	RGB 154 77 38	#9A4D26
83.3%	83.3% #A9582B	RGB 169 88 43	#A9582B
100.0%	100.0% #B96330	RGB 185 99 48	#B96330

#5E2814 #6D3119 #7C3A1D #8B4321 #9A4D26 #A9582B #B96330

#5E2915 - #8B4321 - #B96330

CSS codes

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

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