#5C5E5D - #292A14 | 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 #5C5E5D to #292A14

#5C5E5D #292A14

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

#5C5E5D - #292A14 | 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 #5C5E5D as 0% and #292A14 as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #535550	RGB 83 85 80	#535550
33.3%	33.3% #4B4C44	RGB 75 76 68	#4B4C44
50.0%	50.0% #424438	RGB 66 68 56	#424438
66.7%	66.7% #3A3B2C	RGB 58 59 44	#3A3B2C
83.3%	83.3% #313220	RGB 49 50 32	#313220
100.0%	100.0% #292A14	RGB 41 42 20	#292A14

#5C5E5D #535550 #4B4C44 #424438 #3A3B2C #313220 #292A14

#5C5E5D - #292A14

HSV Blend

#5C5E5D - #292A14 | 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 #5C5E5D as 0% and #292A14 as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #4C554E	RGB 76 85 78	#4C554E
33.3%	33.3% #3E4C3E	RGB 62 76 62	#3E4C3E
50.0%	50.0% #354431	RGB 53 68 49	#354431
66.7%	66.7% #303B26	RGB 48 59 38	#303B26
83.3%	83.3% #2C321C	RGB 44 50 28	#2C321C
100.0%	100.0% #292A14	RGB 41 42 20	#292A14

#5C5E5D #4C554E #3E4C3E #354431 #303B26 #2C321C #292A14

#5C5E5D - #354431 - #292A14

CSS codes

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

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