#5E5446 - #1A1714 | 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 #5E5446 to #1A1714

#5E5446 #1A1714

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

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #52493D	RGB 82 73 61	#52493D
33.3%	33.3% #473F35	RGB 71 63 53	#473F35
50.0%	50.0% #3C352D	RGB 60 53 45	#3C352D
66.7%	66.7% #302B24	RGB 48 43 36	#302B24
83.3%	83.3% #25211C	RGB 37 33 28	#25211C
100.0%	100.0% #1A1714	RGB 26 23 20	#1A1714

#5E5446 #52493D #473F35 #3C352D #302B24 #25211C #1A1714

#5E5446 - #1A1714

HSV Blend

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #52493D	RGB 82 73 61	#52493D
33.3%	33.3% #473F35	RGB 71 63 53	#473F35
50.0%	50.0% #3C352D	RGB 60 53 45	#3C352D
66.7%	66.7% #302B25	RGB 48 43 37	#302B25
83.3%	83.3% #25211C	RGB 37 33 28	#25211C
100.0%	100.0% #1A1714	RGB 26 23 20	#1A1714

#5E5446 #52493D #473F35 #3C352D #302B25 #25211C #1A1714

#5E5446 - #3C352D - #1A1714

CSS codes

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

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