#5E4D4D - #390514 | 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 #5E4D4D to #390514

#5E4D4D #390514

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

#5E4D4D - #390514 | 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 #5E4D4D as 0% and #390514 as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #574143	RGB 87 65 67	#574143
33.3%	33.3% #51353A	RGB 81 53 58	#51353A
50.0%	50.0% #4B2930	RGB 75 41 48	#4B2930
66.7%	66.7% #451D27	RGB 69 29 39	#451D27
83.3%	83.3% #3F111D	RGB 63 17 29	#3F111D
100.0%	100.0% #390514	RGB 57 5 20	#390514

#5E4D4D #574143 #51353A #4B2930 #451D27 #3F111D #390514

#5E4D4D - #390514

HSV Blend

#5E4D4D - #390514 | 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 #5E4D4D as 0% and #390514 as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #573D3E	RGB 87 61 62	#573D3E
33.3%	33.3% #512E32	RGB 81 46 50	#512E32
50.0%	50.0% #4B2228	RGB 75 34 40	#4B2228
66.7%	66.7% #45161F	RGB 69 22 31	#45161F
83.3%	83.3% #3F0D19	RGB 63 13 25	#3F0D19
100.0%	100.0% #390514	RGB 57 5 20	#390514

#5E4D4D #573D3E #512E32 #4B2228 #45161F #3F0D19 #390514

#5E4D4D - #4B2228 - #390514

CSS codes

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

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