#5C5E5C - #2A1714 | 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 #2A1714

#5C5E5C #2A1714

Calculate the color between two colors, #5C5E5C and #2A1714. 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 - #2A1714 | 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 #2A1714 as 100%.

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #535250	RGB 83 82 80	#535250
33.3%	33.3% #4B4644	RGB 75 70 68	#4B4644
50.0%	50.0% #433A38	RGB 67 58 56	#433A38
66.7%	66.7% #3A2E2C	RGB 58 46 44	#3A2E2C
83.3%	83.3% #322220	RGB 50 34 32	#322220
100.0%	100.0% #2A1714	RGB 42 23 20	#2A1714

#5C5E5C #535250 #4B4644 #433A38 #3A2E2C #322220 #2A1714

#5C5E5C - #2A1714

HSV Blend

#5C5E5C - #2A1714 | 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 #2A1714 as 100%.

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #4F554C	RGB 79 85 76	#4F554C
33.3%	33.3% #474C3E	RGB 71 76 62	#474C3E
50.0%	50.0% #424431	RGB 66 68 49	#424431
66.7%	66.7% #3B3626	RGB 59 54 38	#3B3626
83.3%	83.3% #32261C	RGB 50 38 28	#32261C
100.0%	100.0% #2A1714	RGB 42 23 20	#2A1714

#5C5E5C #4F554C #474C3E #424431 #3B3626 #32261C #2A1714

#5C5E5C - #424431 - #2A1714

CSS codes

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

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