#5E4149 - #3F1C10 | 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 #5E4149 to #3F1C10

#5E4149 #3F1C10

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

#5E4149 - #3F1C10 | 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 #5E4149 as 0% and #3F1C10 as 100%.

0.0%	0.0% #5E4149	RGB 94 65 73	#5E4149
16.7%	16.7% #583A3F	RGB 88 58 63	#583A3F
33.3%	33.3% #533436	RGB 83 52 54	#533436
50.0%	50.0% #4E2E2C	RGB 78 46 44	#4E2E2C
66.7%	66.7% #492823	RGB 73 40 35	#492823
83.3%	83.3% #442219	RGB 68 34 25	#442219
100.0%	100.0% #3F1C10	RGB 63 28 16	#3F1C10

#5E4149 #583A3F #533436 #4E2E2C #492823 #442219 #3F1C10

#5E4149 - #3F1C10

HSV Blend

#5E4149 - #3F1C10 | 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 #5E4149 as 0% and #3F1C10 as 100%.

0.0%	0.0% #5E4149	RGB 94 65 73	#5E4149
16.7%	16.7% #58363D	RGB 88 54 61	#58363D
33.3%	33.3% #532D31	RGB 83 45 49	#532D31
50.0%	50.0% #4E2525	RGB 78 37 37	#4E2525
66.7%	66.7% #49201D	RGB 73 32 29	#49201D
83.3%	83.3% #441D16	RGB 68 29 22	#441D16
100.0%	100.0% #3F1C10	RGB 63 28 16	#3F1C10

#5E4149 #58363D #532D31 #4E2525 #49201D #441D16 #3F1C10

#5E4149 - #4E2525 - #3F1C10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4149 0%, #4E2525 50%, #3F1C10 100%);
    background: -webkit-linear-gradient(top, #5E4149 0%, #4E2525 50%, #3F1C10 100%);
    background: linear-gradient(to bottom, #5E4149 0%, #4E2525 50%, #3F1C10 100%);
}
</style>