#5E8370 - #1B3417 | 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 #5E8370 to #1B3417

#5E8370 #1B3417

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

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

0.0%	0.0% #5E8370	RGB 94 131 112	#5E8370
16.7%	16.7% #527561	RGB 82 117 97	#527561
33.3%	33.3% #476852	RGB 71 104 82	#476852
50.0%	50.0% #3C5B43	RGB 60 91 67	#3C5B43
66.7%	66.7% #314E34	RGB 49 78 52	#314E34
83.3%	83.3% #264125	RGB 38 65 37	#264125
100.0%	100.0% #1B3417	RGB 27 52 23	#1B3417

#5E8370 #527561 #476852 #3C5B43 #314E34 #264125 #1B3417

#5E8370 - #1B3417

HSV Blend

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

0.0%	0.0% #5E8370	RGB 94 131 112	#5E8370
16.7%	16.7% #4F755D	RGB 79 117 93	#4F755D
33.3%	33.3% #41684C	RGB 65 104 76	#41684C
50.0%	50.0% #355B3B	RGB 53 91 59	#355B3B
66.7%	66.7% #294E2C	RGB 41 78 44	#294E2C
83.3%	83.3% #20411F	RGB 32 65 31	#20411F
100.0%	100.0% #1B3417	RGB 27 52 23	#1B3417

#5E8370 #4F755D #41684C #355B3B #294E2C #20411F #1B3417

#5E8370 - #355B3B - #1B3417

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8370 0%, #355B3B 50%, #1B3417 100%);
    background: -webkit-linear-gradient(top, #5E8370 0%, #355B3B 50%, #1B3417 100%);
    background: linear-gradient(to bottom, #5E8370 0%, #355B3B 50%, #1B3417 100%);
}
</style>