#5E3E50 - #3E0F12 | 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 #5E3E50 to #3E0F12

#5E3E50 #3E0F12

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

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #583645	RGB 88 54 69	#583645
33.3%	33.3% #532E3B	RGB 83 46 59	#532E3B
50.0%	50.0% #4E2631	RGB 78 38 49	#4E2631
66.7%	66.7% #481E26	RGB 72 30 38	#481E26
83.3%	83.3% #43161C	RGB 67 22 28	#43161C
100.0%	100.0% #3E0F12	RGB 62 15 18	#3E0F12

#5E3E50 #583645 #532E3B #4E2631 #481E26 #43161C #3E0F12

#5E3E50 - #3E0F12

HSV Blend

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #583445	RGB 88 52 69	#583445
33.3%	33.3% #532B3B	RGB 83 43 59	#532B3B
50.0%	50.0% #4E2330	RGB 78 35 48	#4E2330
66.7%	66.7% #481B26	RGB 72 27 38	#481B26
83.3%	83.3% #43141B	RGB 67 20 27	#43141B
100.0%	100.0% #3E0F12	RGB 62 15 18	#3E0F12

#5E3E50 #583445 #532B3B #4E2330 #481B26 #43141B #3E0F12

#5E3E50 - #4E2330 - #3E0F12

CSS codes

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

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