#5E6D62 - #114F13 | 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 #5E6D62 to #114F13

#5E6D62 #114F13

Calculate the color between two colors, #5E6D62 and #114F13. 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)

#5E6D62 - #114F13 | 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 #5E6D62 as 0% and #114F13 as 100%.

0.0%	0.0% #5E6D62	RGB 94 109 98	#5E6D62
16.7%	16.7% #516854	RGB 81 104 84	#516854
33.3%	33.3% #446347	RGB 68 99 71	#446347
50.0%	50.0% #375E3A	RGB 55 94 58	#375E3A
66.7%	66.7% #2A592D	RGB 42 89 45	#2A592D
83.3%	83.3% #1D5420	RGB 29 84 32	#1D5420
100.0%	100.0% #114F13	RGB 17 79 19	#114F13

#5E6D62 #516854 #446347 #375E3A #2A592D #1D5420 #114F13

#5E6D62 - #114F13

HSV Blend

#5E6D62 - #114F13 | 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 #5E6D62 as 0% and #114F13 as 100%.

0.0%	0.0% #5E6D62	RGB 94 109 98	#5E6D62
16.7%	16.7% #4E6854	RGB 78 104 84	#4E6854
33.3%	33.3% #406346	RGB 64 99 70	#406346
50.0%	50.0% #325E39	RGB 50 94 57	#325E39
66.7%	66.7% #26592B	RGB 38 89 43	#26592B
83.3%	83.3% #1B541F	RGB 27 84 31	#1B541F
100.0%	100.0% #114F13	RGB 17 79 19	#114F13

#5E6D62 #4E6854 #406346 #325E39 #26592B #1B541F #114F13

#5E6D62 - #325E39 - #114F13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D62 0%, #325E39 50%, #114F13 100%);
    background: -webkit-linear-gradient(top, #5E6D62 0%, #325E39 50%, #114F13 100%);
    background: linear-gradient(to bottom, #5E6D62 0%, #325E39 50%, #114F13 100%);
}
</style>