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

#5B5E5C #0F461C

Calculate the color between two colors, #5B5E5C and #0F461C. 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 - #0F461C | 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 #0F461C as 100%.

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4E5A51	RGB 78 90 81	#4E5A51
33.3%	33.3% #415646	RGB 65 86 70	#415646
50.0%	50.0% #35523C	RGB 53 82 60	#35523C
66.7%	66.7% #284E31	RGB 40 78 49	#284E31
83.3%	83.3% #1B4A26	RGB 27 74 38	#1B4A26
100.0%	100.0% #0F461C	RGB 15 70 28	#0F461C

#5B5E5C #4E5A51 #415646 #35523C #284E31 #1B4A26 #0F461C

#5B5E5C - #0F461C

HSV Blend

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4B5A50	RGB 75 90 80	#4B5A50
33.3%	33.3% #3D5644	RGB 61 86 68	#3D5644
50.0%	50.0% #30523A	RGB 48 82 58	#30523A
66.7%	66.7% #244E2F	RGB 36 78 47	#244E2F
83.3%	83.3% #194A25	RGB 25 74 37	#194A25
100.0%	100.0% #0F461C	RGB 15 70 28	#0F461C

#5B5E5C #4B5A50 #3D5644 #30523A #244E2F #194A25 #0F461C

#5B5E5C - #30523A - #0F461C

CSS codes

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

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