#5E463D - #1A1211 | 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 #5E463D to #1A1211

#5E463D #1A1211

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

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

0.0%	0.0% #5E463D	RGB 94 70 61	#5E463D
16.7%	16.7% #523D35	RGB 82 61 53	#523D35
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% #251A18	RGB 37 26 24	#251A18
100.0%	100.0% #1A1211	RGB 26 18 17	#1A1211

#5E463D #523D35 #47342E #3C2C27 #30231F #251A18 #1A1211

#5E463D - #1A1211

HSV Blend

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

0.0%	0.0% #5E463D	RGB 94 70 61	#5E463D
16.7%	16.7% #523C35	RGB 82 60 53	#523C35
33.3%	33.3% #47332E	RGB 71 51 46	#47332E
50.0%	50.0% #3C2B27	RGB 60 43 39	#3C2B27
66.7%	66.7% #30221F	RGB 48 34 31	#30221F
83.3%	83.3% #251A18	RGB 37 26 24	#251A18
100.0%	100.0% #1A1211	RGB 26 18 17	#1A1211

#5E463D #523C35 #47332E #3C2B27 #30221F #251A18 #1A1211

#5E463D - #3C2B27 - #1A1211

CSS codes

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

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