#5E6F5D - #224F11 | 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 #5E6F5D to #224F11

#5E6F5D #224F11

Calculate the color between two colors, #5E6F5D and #224F11. 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)

#5E6F5D - #224F11 | 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 #5E6F5D as 0% and #224F11 as 100%.

0.0%	0.0% #5E6F5D	RGB 94 111 93	#5E6F5D
16.7%	16.7% #546950	RGB 84 105 80	#546950
33.3%	33.3% #4A6443	RGB 74 100 67	#4A6443
50.0%	50.0% #405F37	RGB 64 95 55	#405F37
66.7%	66.7% #36592A	RGB 54 89 42	#36592A
83.3%	83.3% #2C541D	RGB 44 84 29	#2C541D
100.0%	100.0% #224F11	RGB 34 79 17	#224F11

#5E6F5D #546950 #4A6443 #405F37 #36592A #2C541D #224F11

#5E6F5D - #224F11

HSV Blend

#5E6F5D - #224F11 | 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 #5E6F5D as 0% and #224F11 as 100%.

0.0%	0.0% #5E6F5D	RGB 94 111 93	#5E6F5D
16.7%	16.7% #50694D	RGB 80 105 77	#50694D
33.3%	33.3% #44643F	RGB 68 100 63	#44643F
50.0%	50.0% #395F32	RGB 57 95 50	#395F32
66.7%	66.7% #305925	RGB 48 89 37	#305925
83.3%	83.3% #28541A	RGB 40 84 26	#28541A
100.0%	100.0% #224F11	RGB 34 79 17	#224F11

#5E6F5D #50694D #44643F #395F32 #305925 #28541A #224F11

#5E6F5D - #395F32 - #224F11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6F5D 0%, #395F32 50%, #224F11 100%);
    background: -webkit-linear-gradient(top, #5E6F5D 0%, #395F32 50%, #224F11 100%);
    background: linear-gradient(to bottom, #5E6F5D 0%, #395F32 50%, #224F11 100%);
}
</style>