#5E4336 - #1A130F | 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 #5E4336 to #1A130F

#5E4336 #1A130F

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

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

0.0%	0.0% #5E4336	RGB 94 67 54	#5E4336
16.7%	16.7% #523B2F	RGB 82 59 47	#523B2F
33.3%	33.3% #473329	RGB 71 51 41	#473329
50.0%	50.0% #3C2B22	RGB 60 43 34	#3C2B22
66.7%	66.7% #30231C	RGB 48 35 28	#30231C
83.3%	83.3% #251B15	RGB 37 27 21	#251B15
100.0%	100.0% #1A130F	RGB 26 19 15	#1A130F

#5E4336 #523B2F #473329 #3C2B22 #30231C #251B15 #1A130F

#5E4336 - #1A130F

HSV Blend

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

0.0%	0.0% #5E4336	RGB 94 67 54	#5E4336
16.7%	16.7% #523B2F	RGB 82 59 47	#523B2F
33.3%	33.3% #473329	RGB 71 51 41	#473329
50.0%	50.0% #3C2B22	RGB 60 43 34	#3C2B22
66.7%	66.7% #30231C	RGB 48 35 28	#30231C
83.3%	83.3% #251B15	RGB 37 27 21	#251B15
100.0%	100.0% #1A130F	RGB 26 19 15	#1A130F

#5E4336 #523B2F #473329 #3C2B22 #30231C #251B15 #1A130F

#5E4336 - #3C2B22 - #1A130F

CSS codes

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

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