#5F6B5E - #1B4712 | 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 #5F6B5E to #1B4712

#5F6B5E #1B4712

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

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

0.0%	0.0% #5F6B5E	RGB 95 107 94	#5F6B5E
16.7%	16.7% #536551	RGB 83 101 81	#536551
33.3%	33.3% #485F44	RGB 72 95 68	#485F44
50.0%	50.0% #3D5938	RGB 61 89 56	#3D5938
66.7%	66.7% #31532B	RGB 49 83 43	#31532B
83.3%	83.3% #264D1E	RGB 38 77 30	#264D1E
100.0%	100.0% #1B4712	RGB 27 71 18	#1B4712

#5F6B5E #536551 #485F44 #3D5938 #31532B #264D1E #1B4712

#5F6B5E - #1B4712

HSV Blend

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

0.0%	0.0% #5F6B5E	RGB 95 107 94	#5F6B5E
16.7%	16.7% #50654E	RGB 80 101 78	#50654E
33.3%	33.3% #435F3F	RGB 67 95 63	#435F3F
50.0%	50.0% #375932	RGB 55 89 50	#375932
66.7%	66.7% #2C5326	RGB 44 83 38	#2C5326
83.3%	83.3% #234D1B	RGB 35 77 27	#234D1B
100.0%	100.0% #1B4712	RGB 27 71 18	#1B4712

#5F6B5E #50654E #435F3F #375932 #2C5326 #234D1B #1B4712

#5F6B5E - #375932 - #1B4712

CSS codes

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

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