#5E444A - #4D0715 | 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 #5E444A to #4D0715

#5E444A #4D0715

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

#5E444A - #4D0715 | 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 #5E444A as 0% and #4D0715 as 100%.

0.0%	0.0% #5E444A	RGB 94 68 74	#5E444A
16.7%	16.7% #5B3941	RGB 91 57 65	#5B3941
33.3%	33.3% #582F38	RGB 88 47 56	#582F38
50.0%	50.0% #55252F	RGB 85 37 47	#55252F
66.7%	66.7% #521B26	RGB 82 27 38	#521B26
83.3%	83.3% #4F111D	RGB 79 17 29	#4F111D
100.0%	100.0% #4D0715	RGB 77 7 21	#4D0715

#5E444A #5B3941 #582F38 #55252F #521B26 #4F111D #4D0715

#5E444A - #4D0715

HSV Blend

#5E444A - #4D0715 | 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 #5E444A as 0% and #4D0715 as 100%.

0.0%	0.0% #5E444A	RGB 94 68 74	#5E444A
16.7%	16.7% #5B3840	RGB 91 56 64	#5B3840
33.3%	33.3% #582D36	RGB 88 45 54	#582D36
50.0%	50.0% #55222D	RGB 85 34 45	#55222D
66.7%	66.7% #521825	RGB 82 24 37	#521825
83.3%	83.3% #4F0F1C	RGB 79 15 28	#4F0F1C
100.0%	100.0% #4D0715	RGB 77 7 21	#4D0715

#5E444A #5B3840 #582D36 #55222D #521825 #4F0F1C #4D0715

#5E444A - #55222D - #4D0715

CSS codes

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

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