#5E6D2D - #05200E | 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 #5E6D2D to #05200E

#5E6D2D #05200E

Calculate the color between two colors, #5E6D2D and #05200E. 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)

#5E6D2D - #05200E | 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 #5E6D2D as 0% and #05200E as 100%.

0.0%	0.0% #5E6D2D	RGB 94 109 45	#5E6D2D
16.7%	16.7% #4F6027	RGB 79 96 39	#4F6027
33.3%	33.3% #405322	RGB 64 83 34	#405322
50.0%	50.0% #31461D	RGB 49 70 29	#31461D
66.7%	66.7% #223918	RGB 34 57 24	#223918
83.3%	83.3% #132C13	RGB 19 44 19	#132C13
100.0%	100.0% #05200E	RGB 5 32 14	#05200E

#5E6D2D #4F6027 #405322 #31461D #223918 #132C13 #05200E

#5E6D2D - #05200E

HSV Blend

#5E6D2D - #05200E | 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 #5E6D2D as 0% and #05200E as 100%.

0.0%	0.0% #5E6D2D	RGB 94 109 45	#5E6D2D
16.7%	16.7% #466023	RGB 70 96 35	#466023
33.3%	33.3% #31531B	RGB 49 83 27	#31531B
50.0%	50.0% #1E4614	RGB 30 70 20	#1E4614
66.7%	66.7% #0F390D	RGB 15 57 13	#0F390D
83.3%	83.3% #082C0E	RGB 8 44 14	#082C0E
100.0%	100.0% #05200E	RGB 5 32 14	#05200E

#5E6D2D #466023 #31531B #1E4614 #0F390D #082C0E #05200E

#5E6D2D - #1E4614 - #05200E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D2D 0%, #1E4614 50%, #05200E 100%);
    background: -webkit-linear-gradient(top, #5E6D2D 0%, #1E4614 50%, #05200E 100%);
    background: linear-gradient(to bottom, #5E6D2D 0%, #1E4614 50%, #05200E 100%);
}
</style>