#3A3A3E - #5E8979 | 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 #3A3A3E to #5E8979

#3A3A3E #5E8979

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

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

0.0%	0.0% #3A3A3E	RGB 58 58 62	#3A3A3E
16.7%	16.7% #404747	RGB 64 71 71	#404747
33.3%	33.3% #465451	RGB 70 84 81	#465451
50.0%	50.0% #4C615B	RGB 76 97 91	#4C615B
66.7%	66.7% #526E65	RGB 82 110 101	#526E65
83.3%	83.3% #587B6F	RGB 88 123 111	#587B6F
100.0%	100.0% #5E8979	RGB 94 137 121	#5E8979

#3A3A3E #404747 #465451 #4C615B #526E65 #587B6F #5E8979

#3A3A3E - #5E8979

HSV Blend

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

0.0%	0.0% #3A3A3E	RGB 58 58 62	#3A3A3E
16.7%	16.7% #42444A	RGB 66 68 74	#42444A
33.3%	33.3% #4A5057	RGB 74 80 87	#4A5057
50.0%	50.0% #505D63	RGB 80 93 99	#505D63
66.7%	66.7% #566D70	RGB 86 109 112	#566D70
83.3%	83.3% #5A7C77	RGB 90 124 119	#5A7C77
100.0%	100.0% #5E8979	RGB 94 137 121	#5E8979

#3A3A3E #42444A #4A5057 #505D63 #566D70 #5A7C77 #5E8979

#3A3A3E - #505D63 - #5E8979

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3A3E 0%, #505D63 50%, #5E8979 100%);
    background: -webkit-linear-gradient(top, #3A3A3E 0%, #505D63 50%, #5E8979 100%);
    background: linear-gradient(to bottom, #3A3A3E 0%, #505D63 50%, #5E8979 100%);
}
</style>