#5E4650 - #3C1412 | 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 #5E4650 to #3C1412

#5E4650 #3C1412

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

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

0.0%	0.0% #5E4650	RGB 94 70 80	#5E4650
16.7%	16.7% #583D45	RGB 88 61 69	#583D45
33.3%	33.3% #52353B	RGB 82 53 59	#52353B
50.0%	50.0% #4D2D31	RGB 77 45 49	#4D2D31
66.7%	66.7% #472426	RGB 71 36 38	#472426
83.3%	83.3% #411C1C	RGB 65 28 28	#411C1C
100.0%	100.0% #3C1412	RGB 60 20 18	#3C1412

#5E4650 #583D45 #52353B #4D2D31 #472426 #411C1C #3C1412

#5E4650 - #3C1412

HSV Blend

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

0.0%	0.0% #5E4650	RGB 94 70 80	#5E4650
16.7%	16.7% #583B45	RGB 88 59 69	#583B45
33.3%	33.3% #52313A	RGB 82 49 58	#52313A
50.0%	50.0% #4D282F	RGB 77 40 47	#4D282F
66.7%	66.7% #471F24	RGB 71 31 36	#471F24
83.3%	83.3% #411819	RGB 65 24 25	#411819
100.0%	100.0% #3C1412	RGB 60 20 18	#3C1412

#5E4650 #583B45 #52313A #4D282F #471F24 #411819 #3C1412

#5E4650 - #4D282F - #3C1412

CSS codes

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

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