#5B5E5C - #0F542E | 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 #5B5E5C to #0F542E

#5B5E5C #0F542E

Calculate the color between two colors, #5B5E5C and #0F542E. 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)

#5B5E5C - #0F542E | 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 #5B5E5C as 0% and #0F542E as 100%.

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4E5C54	RGB 78 92 84	#4E5C54
33.3%	33.3% #415A4C	RGB 65 90 76	#415A4C
50.0%	50.0% #355945	RGB 53 89 69	#355945
66.7%	66.7% #28573D	RGB 40 87 61	#28573D
83.3%	83.3% #1B5535	RGB 27 85 53	#1B5535
100.0%	100.0% #0F542E	RGB 15 84 46	#0F542E

#5B5E5C #4E5C54 #415A4C #355945 #28573D #1B5535 #0F542E

#5B5E5C - #0F542E

HSV Blend

#5B5E5C - #0F542E | 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 #5B5E5C as 0% and #0F542E as 100%.

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4D5C52	RGB 77 92 82	#4D5C52
33.3%	33.3% #3F5A49	RGB 63 90 73	#3F5A49
50.0%	50.0% #335941	RGB 51 89 65	#335941
66.7%	66.7% #26573A	RGB 38 87 58	#26573A
83.3%	83.3% #1A5533	RGB 26 85 51	#1A5533
100.0%	100.0% #0F542E	RGB 15 84 46	#0F542E

#5B5E5C #4D5C52 #3F5A49 #335941 #26573A #1A5533 #0F542E

#5B5E5C - #335941 - #0F542E

CSS codes

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

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