#5F795E - #1B5E13 | 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 #5F795E to #1B5E13

#5F795E #1B5E13

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

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

0.0%	0.0% #5F795E	RGB 95 121 94	#5F795E
16.7%	16.7% #537451	RGB 83 116 81	#537451
33.3%	33.3% #487045	RGB 72 112 69	#487045
50.0%	50.0% #3D6B38	RGB 61 107 56	#3D6B38
66.7%	66.7% #31672C	RGB 49 103 44	#31672C
83.3%	83.3% #26621F	RGB 38 98 31	#26621F
100.0%	100.0% #1B5E13	RGB 27 94 19	#1B5E13

#5F795E #537451 #487045 #3D6B38 #31672C #26621F #1B5E13

#5F795E - #1B5E13

HSV Blend

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

0.0%	0.0% #5F795E	RGB 95 121 94	#5F795E
16.7%	16.7% #51744F	RGB 81 116 79	#51744F
33.3%	33.3% #447041	RGB 68 112 65	#447041
50.0%	50.0% #386B34	RGB 56 107 52	#386B34
66.7%	66.7% #2D6728	RGB 45 103 40	#2D6728
83.3%	83.3% #23621D	RGB 35 98 29	#23621D
100.0%	100.0% #1B5E13	RGB 27 94 19	#1B5E13

#5F795E #51744F #447041 #386B34 #2D6728 #23621D #1B5E13

#5F795E - #386B34 - #1B5E13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F795E 0%, #386B34 50%, #1B5E13 100%);
    background: -webkit-linear-gradient(top, #5F795E 0%, #386B34 50%, #1B5E13 100%);
    background: linear-gradient(to bottom, #5F795E 0%, #386B34 50%, #1B5E13 100%);
}
</style>