#5E464F - #341010 | 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 #5E464F to #341010

#5E464F #341010

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

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

0.0%	0.0% #5E464F	RGB 94 70 79	#5E464F
16.7%	16.7% #573D44	RGB 87 61 68	#573D44
33.3%	33.3% #50343A	RGB 80 52 58	#50343A
50.0%	50.0% #492B2F	RGB 73 43 47	#492B2F
66.7%	66.7% #422225	RGB 66 34 37	#422225
83.3%	83.3% #3B191A	RGB 59 25 26	#3B191A
100.0%	100.0% #341010	RGB 52 16 16	#341010

#5E464F #573D44 #50343A #492B2F #422225 #3B191A #341010

#5E464F - #341010

HSV Blend

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

0.0%	0.0% #5E464F	RGB 94 70 79	#5E464F
16.7%	16.7% #573A43	RGB 87 58 67	#573A43
33.3%	33.3% #502F37	RGB 80 47 55	#502F37
50.0%	50.0% #49262C	RGB 73 38 44	#49262C
66.7%	66.7% #421D22	RGB 66 29 34	#421D22
83.3%	83.3% #3B1618	RGB 59 22 24	#3B1618
100.0%	100.0% #341010	RGB 52 16 16	#341010

#5E464F #573A43 #502F37 #49262C #421D22 #3B1618 #341010

#5E464F - #49262C - #341010

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E464F 0%, #49262C 50%, #341010 100%);
    background: -webkit-linear-gradient(top, #5E464F 0%, #49262C 50%, #341010 100%);
    background: linear-gradient(to bottom, #5E464F 0%, #49262C 50%, #341010 100%);
}
</style>