#5E4C42 - #1A1512 | 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 #5E4C42 to #1A1512

#5E4C42 #1A1512

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

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

0.0%	0.0% #5E4C42	RGB 94 76 66	#5E4C42
16.7%	16.7% #52423A	RGB 82 66 58	#52423A
33.3%	33.3% #473932	RGB 71 57 50	#473932
50.0%	50.0% #3C302A	RGB 60 48 42	#3C302A
66.7%	66.7% #302722	RGB 48 39 34	#302722
83.3%	83.3% #251E1A	RGB 37 30 26	#251E1A
100.0%	100.0% #1A1512	RGB 26 21 18	#1A1512

#5E4C42 #52423A #473932 #3C302A #302722 #251E1A #1A1512

#5E4C42 - #1A1512

HSV Blend

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

0.0%	0.0% #5E4C42	RGB 94 76 66	#5E4C42
16.7%	16.7% #524239	RGB 82 66 57	#524239
33.3%	33.3% #473931	RGB 71 57 49	#473931
50.0%	50.0% #3C3029	RGB 60 48 41	#3C3029
66.7%	66.7% #302721	RGB 48 39 33	#302721
83.3%	83.3% #251E19	RGB 37 30 25	#251E19
100.0%	100.0% #1A1512	RGB 26 21 18	#1A1512

#5E4C42 #524239 #473931 #3C3029 #302721 #251E19 #1A1512

#5E4C42 - #3C3029 - #1A1512

CSS codes

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

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