#5E434B - #3F061B | 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 #5E434B to #3F061B

#5E434B #3F061B

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

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

0.0%	0.0% #5E434B	RGB 94 67 75	#5E434B
16.7%	16.7% #583843	RGB 88 56 67	#583843
33.3%	33.3% #532E3B	RGB 83 46 59	#532E3B
50.0%	50.0% #4E2433	RGB 78 36 51	#4E2433
66.7%	66.7% #491A2B	RGB 73 26 43	#491A2B
83.3%	83.3% #441023	RGB 68 16 35	#441023
100.0%	100.0% #3F061B	RGB 63 6 27	#3F061B

#5E434B #583843 #532E3B #4E2433 #491A2B #441023 #3F061B

#5E434B - #3F061B

HSV Blend

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

0.0%	0.0% #5E434A	RGB 94 67 74	#5E434A
16.7%	16.7% #583640	RGB 88 54 64	#583640
33.3%	33.3% #532A37	RGB 83 42 55	#532A37
50.0%	50.0% #4E1F2F	RGB 78 31 47	#4E1F2F
66.7%	66.7% #491627	RGB 73 22 39	#491627
83.3%	83.3% #440D20	RGB 68 13 32	#440D20
100.0%	100.0% #3F061B	RGB 63 6 27	#3F061B

#5E434A #583640 #532A37 #4E1F2F #491627 #440D20 #3F061B

#5E434B - #4E1F2F - #3F061B

CSS codes

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

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