#5E463E - #1A1311 | 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 #5E463E to #1A1311

#5E463E #1A1311

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

#5E463E - #1A1311 | 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 #5E463E as 0% and #1A1311 as 100%.

0.0%	0.0% #5E463E	RGB 94 70 62	#5E463E
16.7%	16.7% #523D36	RGB 82 61 54	#523D36
33.3%	33.3% #47352F	RGB 71 53 47	#47352F
50.0%	50.0% #3C2C27	RGB 60 44 39	#3C2C27
66.7%	66.7% #302420	RGB 48 36 32	#302420
83.3%	83.3% #251B18	RGB 37 27 24	#251B18
100.0%	100.0% #1A1311	RGB 26 19 17	#1A1311

#5E463E #523D36 #47352F #3C2C27 #302420 #251B18 #1A1311

#5E463E - #1A1311

HSV Blend

#5E463E - #1A1311 | 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 #5E463E as 0% and #1A1311 as 100%.

0.0%	0.0% #5E463E	RGB 94 70 62	#5E463E
16.7%	16.7% #523D36	RGB 82 61 54	#523D36
33.3%	33.3% #47342E	RGB 71 52 46	#47342E
50.0%	50.0% #3C2C27	RGB 60 44 39	#3C2C27
66.7%	66.7% #30231F	RGB 48 35 31	#30231F
83.3%	83.3% #251B18	RGB 37 27 24	#251B18
100.0%	100.0% #1A1311	RGB 26 19 17	#1A1311

#5E463E #523D36 #47342E #3C2C27 #30231F #251B18 #1A1311

#5E463E - #3C2C27 - #1A1311

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E463E 0%, #3C2C27 50%, #1A1311 100%);
    background: -webkit-linear-gradient(top, #5E463E 0%, #3C2C27 50%, #1A1311 100%);
    background: linear-gradient(to bottom, #5E463E 0%, #3C2C27 50%, #1A1311 100%);
}
</style>