#5E806A - #1E331B | 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 #5E806A to #1E331B

#5E806A #1E331B

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

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

0.0%	0.0% #5E806A	RGB 94 128 106	#5E806A
16.7%	16.7% #53735C	RGB 83 115 92	#53735C
33.3%	33.3% #48664F	RGB 72 102 79	#48664F
50.0%	50.0% #3E5942	RGB 62 89 66	#3E5942
66.7%	66.7% #334C35	RGB 51 76 53	#334C35
83.3%	83.3% #283F28	RGB 40 63 40	#283F28
100.0%	100.0% #1E331B	RGB 30 51 27	#1E331B

#5E806A #53735C #48664F #3E5942 #334C35 #283F28 #1E331B

#5E806A - #1E331B

HSV Blend

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

0.0%	0.0% #5E806A	RGB 94 128 106	#5E806A
16.7%	16.7% #50735A	RGB 80 115 90	#50735A
33.3%	33.3% #44664A	RGB 68 102 74	#44664A
50.0%	50.0% #38593C	RGB 56 89 60	#38593C
66.7%	66.7% #2D4C2E	RGB 45 76 46	#2D4C2E
83.3%	83.3% #253F23	RGB 37 63 35	#253F23
100.0%	100.0% #1E331B	RGB 30 51 27	#1E331B

#5E806A #50735A #44664A #38593C #2D4C2E #253F23 #1E331B

#5E806A - #38593C - #1E331B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E806A 0%, #38593C 50%, #1E331B 100%);
    background: -webkit-linear-gradient(top, #5E806A 0%, #38593C 50%, #1E331B 100%);
    background: linear-gradient(to bottom, #5E806A 0%, #38593C 50%, #1E331B 100%);
}
</style>