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

#5E4D42 #1A1512

Calculate the color between two colors, #5E4D42 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)

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

0.0%	0.0% #5E4D42	RGB 94 77 66	#5E4D42
16.7%	16.7% #52433A	RGB 82 67 58	#52433A
33.3%	33.3% #473A32	RGB 71 58 50	#473A32
50.0%	50.0% #3C312A	RGB 60 49 42	#3C312A
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

#5E4D42 #52433A #473A32 #3C312A #302722 #251E1A #1A1512

#5E4D42 - #1A1512

HSV Blend

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

0.0%	0.0% #5E4D42	RGB 94 77 66	#5E4D42
16.7%	16.7% #524339	RGB 82 67 57	#524339
33.3%	33.3% #473A31	RGB 71 58 49	#473A31
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

#5E4D42 #524339 #473A31 #3C3029 #302721 #251E19 #1A1512

#5E4D42 - #3C3029 - #1A1512

CSS codes

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

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