#5E7467 - #1A211D | 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 #5E7467 to #1A211D

#5E7467 #1A211D

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

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

0.0%	0.0% #5E7467	RGB 94 116 103	#5E7467
16.7%	16.7% #52665A	RGB 82 102 90	#52665A
33.3%	33.3% #47584E	RGB 71 88 78	#47584E
50.0%	50.0% #3C4A42	RGB 60 74 66	#3C4A42
66.7%	66.7% #303C35	RGB 48 60 53	#303C35
83.3%	83.3% #252E29	RGB 37 46 41	#252E29
100.0%	100.0% #1A211D	RGB 26 33 29	#1A211D

#5E7467 #52665A #47584E #3C4A42 #303C35 #252E29 #1A211D

#5E7467 - #1A211D

HSV Blend

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

0.0%	0.0% #5E7467	RGB 94 116 103	#5E7467
16.7%	16.7% #52665A	RGB 82 102 90	#52665A
33.3%	33.3% #46584E	RGB 70 88 78	#46584E
50.0%	50.0% #3B4A41	RGB 59 74 65	#3B4A41
66.7%	66.7% #303C35	RGB 48 60 53	#303C35
83.3%	83.3% #252E29	RGB 37 46 41	#252E29
100.0%	100.0% #1A211D	RGB 26 33 29	#1A211D

#5E7467 #52665A #46584E #3B4A41 #303C35 #252E29 #1A211D

#5E7467 - #3B4A41 - #1A211D

CSS codes

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

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