#5C6B5E - #11571F | 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 #5C6B5E to #11571F

#5C6B5E #11571F

Calculate the color between two colors, #5C6B5E and #11571F. 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)

#5C6B5E - #11571F | 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 #5C6B5E as 0% and #11571F as 100%.

0.0%	0.0% #5C6B5E	RGB 92 107 94	#5C6B5E
16.7%	16.7% #4F6753	RGB 79 103 83	#4F6753
33.3%	33.3% #436449	RGB 67 100 73	#436449
50.0%	50.0% #36613E	RGB 54 97 62	#36613E
66.7%	66.7% #2A5D34	RGB 42 93 52	#2A5D34
83.3%	83.3% #1D5A29	RGB 29 90 41	#1D5A29
100.0%	100.0% #11571F	RGB 17 87 31	#11571F

#5C6B5E #4F6753 #436449 #36613E #2A5D34 #1D5A29 #11571F

#5C6B5E - #11571F

HSV Blend

#5C6B5E - #11571F | 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 #5C6B5E as 0% and #11571F as 100%.

0.0%	0.0% #5C6B5E	RGB 92 107 94	#5C6B5E
16.7%	16.7% #4D6751	RGB 77 103 81	#4D6751
33.3%	33.3% #406445	RGB 64 100 69	#406445
50.0%	50.0% #33613A	RGB 51 97 58	#33613A
66.7%	66.7% #275D30	RGB 39 93 48	#275D30
83.3%	83.3% #1B5A27	RGB 27 90 39	#1B5A27
100.0%	100.0% #11571F	RGB 17 87 31	#11571F

#5C6B5E #4D6751 #406445 #33613A #275D30 #1B5A27 #11571F

#5C6B5E - #33613A - #11571F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C6B5E 0%, #33613A 50%, #11571F 100%);
    background: -webkit-linear-gradient(top, #5C6B5E 0%, #33613A 50%, #11571F 100%);
    background: linear-gradient(to bottom, #5C6B5E 0%, #33613A 50%, #11571F 100%);
}
</style>