#5C5E5C - #183114 | 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 #5C5E5C to #183114

#5C5E5C #183114

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

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #505650	RGB 80 86 80	#505650
33.3%	33.3% #454F44	RGB 69 79 68	#454F44
50.0%	50.0% #3A4738	RGB 58 71 56	#3A4738
66.7%	66.7% #2E402C	RGB 46 64 44	#2E402C
83.3%	83.3% #233820	RGB 35 56 32	#233820
100.0%	100.0% #183114	RGB 24 49 20	#183114

#5C5E5C #505650 #454F44 #3A4738 #2E402C #233820 #183114

#5C5E5C - #183114

HSV Blend

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #4C564C	RGB 76 86 76	#4C564C
33.3%	33.3% #3F4F3E	RGB 63 79 62	#3F4F3E
50.0%	50.0% #334731	RGB 51 71 49	#334731
66.7%	66.7% #284026	RGB 40 64 38	#284026
83.3%	83.3% #1F381C	RGB 31 56 28	#1F381C
100.0%	100.0% #183114	RGB 24 49 20	#183114

#5C5E5C #4C564C #3F4F3E #334731 #284026 #1F381C #183114

#5C5E5C - #334731 - #183114

CSS codes

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

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