#5E1915 - #B88152 | 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 #5E1915 to #B88152

#5E1915 #B88152

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

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

0.0%	0.0% #5E1915	RGB 94 25 21	#5E1915
16.7%	16.7% #6D2A1F	RGB 109 42 31	#6D2A1F
33.3%	33.3% #7C3B29	RGB 124 59 41	#7C3B29
50.0%	50.0% #8B4D33	RGB 139 77 51	#8B4D33
66.7%	66.7% #9A5E3D	RGB 154 94 61	#9A5E3D
83.3%	83.3% #A96F47	RGB 169 111 71	#A96F47
100.0%	100.0% #B88152	RGB 184 129 82	#B88152

#5E1915 #6D2A1F #7C3B29 #8B4D33 #9A5E3D #A96F47 #B88152

#5E1915 - #B88152

HSV Blend

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

0.0%	0.0% #5E1914	RGB 94 25 20	#5E1914
16.7%	16.7% #6D261C	RGB 109 38 28	#6D261C
33.3%	33.3% #7C3524	RGB 124 53 36	#7C3524
50.0%	50.0% #8B462E	RGB 139 70 46	#8B462E
66.7%	66.7% #9A5839	RGB 154 88 57	#9A5839
83.3%	83.3% #A96C45	RGB 169 108 69	#A96C45
100.0%	100.0% #B88152	RGB 184 129 82	#B88152

#5E1914 #6D261C #7C3524 #8B462E #9A5839 #A96C45 #B88152

#5E1915 - #8B462E - #B88152

CSS codes

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

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