#5E281B - #B96338 | 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 #5E281B to #B96338

#5E281B #B96338

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

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

0.0%	0.0% #5E281B	RGB 94 40 27	#5E281B
16.7%	16.7% #6D311F	RGB 109 49 31	#6D311F
33.3%	33.3% #7C3B24	RGB 124 59 36	#7C3B24
50.0%	50.0% #8B4529	RGB 139 69 41	#8B4529
66.7%	66.7% #9A4F2E	RGB 154 79 46	#9A4F2E
83.3%	83.3% #A95933	RGB 169 89 51	#A95933
100.0%	100.0% #B96338	RGB 185 99 56	#B96338

#5E281B #6D311F #7C3B24 #8B4529 #9A4F2E #A95933 #B96338

#5E281B - #B96338

HSV Blend

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

0.0%	0.0% #5E281B	RGB 94 40 27	#5E281B
16.7%	16.7% #6D301F	RGB 109 48 31	#6D301F
33.3%	33.3% #7C3924	RGB 124 57 36	#7C3924
50.0%	50.0% #8B4329	RGB 139 67 41	#8B4329
66.7%	66.7% #9A4D2E	RGB 154 77 46	#9A4D2E
83.3%	83.3% #A95732	RGB 169 87 50	#A95732
100.0%	100.0% #B96338	RGB 185 99 56	#B96338

#5E281B #6D301F #7C3924 #8B4329 #9A4D2E #A95732 #B96338

#5E281B - #8B4329 - #B96338

CSS codes

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

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