#5E424D - #3B1311 | 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 #5E424D to #3B1311

#5E424D #3B1311

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

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

0.0%	0.0% #5E424D	RGB 94 66 77	#5E424D
16.7%	16.7% #583A43	RGB 88 58 67	#583A43
33.3%	33.3% #523239	RGB 82 50 57	#523239
50.0%	50.0% #4C2A2F	RGB 76 42 47	#4C2A2F
66.7%	66.7% #462225	RGB 70 34 37	#462225
83.3%	83.3% #401A1B	RGB 64 26 27	#401A1B
100.0%	100.0% #3B1311	RGB 59 19 17	#3B1311

#5E424D #583A43 #523239 #4C2A2F #462225 #401A1B #3B1311

#5E424D - #3B1311

HSV Blend

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

0.0%	0.0% #5E424D	RGB 94 66 77	#5E424D
16.7%	16.7% #583742	RGB 88 55 66	#583742
33.3%	33.3% #522E37	RGB 82 46 55	#522E37
50.0%	50.0% #4C252C	RGB 76 37 44	#4C252C
66.7%	66.7% #461E22	RGB 70 30 34	#461E22
83.3%	83.3% #401718	RGB 64 23 24	#401718
100.0%	100.0% #3B1311	RGB 59 19 17	#3B1311

#5E424D #583742 #522E37 #4C252C #461E22 #401718 #3B1311

#5E424D - #4C252C - #3B1311

CSS codes

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

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