#5E4A27 - #1A150B | 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 #5E4A27 to #1A150B

#5E4A27 #1A150B

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

#5E4A27 - #1A150B | 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 #5E4A27 as 0% and #1A150B as 100%.

0.0%	0.0% #5E4A27	RGB 94 74 39	#5E4A27
16.7%	16.7% #524122	RGB 82 65 34	#524122
33.3%	33.3% #47381D	RGB 71 56 29	#47381D
50.0%	50.0% #3C2F19	RGB 60 47 25	#3C2F19
66.7%	66.7% #302614	RGB 48 38 20	#302614
83.3%	83.3% #251D0F	RGB 37 29 15	#251D0F
100.0%	100.0% #1A150B	RGB 26 21 11	#1A150B

#5E4A27 #524122 #47381D #3C2F19 #302614 #251D0F #1A150B

#5E4A27 - #1A150B

HSV Blend

#5E4A27 - #1A150B | 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 #5E4A27 as 0% and #1A150B as 100%.

0.0%	0.0% #5E4A27	RGB 94 74 39	#5E4A27
16.7%	16.7% #524122	RGB 82 65 34	#524122
33.3%	33.3% #47381D	RGB 71 56 29	#47381D
50.0%	50.0% #3C2F19	RGB 60 47 25	#3C2F19
66.7%	66.7% #302614	RGB 48 38 20	#302614
83.3%	83.3% #251E0F	RGB 37 30 15	#251E0F
100.0%	100.0% #1A150B	RGB 26 21 11	#1A150B

#5E4A27 #524122 #47381D #3C2F19 #302614 #251E0F #1A150B

#5E4A27 - #3C2F19 - #1A150B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A27 0%, #3C2F19 50%, #1A150B 100%);
    background: -webkit-linear-gradient(top, #5E4A27 0%, #3C2F19 50%, #1A150B 100%);
    background: linear-gradient(to bottom, #5E4A27 0%, #3C2F19 50%, #1A150B 100%);
}
</style>