#5E5C5C - #5B2710 | 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 #5E5C5C to #5B2710

#5E5C5C #5B2710

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

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #5D534F	RGB 93 83 79	#5D534F
33.3%	33.3% #5D4A42	RGB 93 74 66	#5D4A42
50.0%	50.0% #5C4136	RGB 92 65 54	#5C4136
66.7%	66.7% #5C3829	RGB 92 56 41	#5C3829
83.3%	83.3% #5B2F1C	RGB 91 47 28	#5B2F1C
100.0%	100.0% #5B2710	RGB 91 39 16	#5B2710

#5E5C5C #5D534F #5D4A42 #5C4136 #5C3829 #5B2F1C #5B2710

#5E5C5C - #5B2710

HSV Blend

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #5D4F4E	RGB 93 79 78	#5D4F4E
33.3%	33.3% #5D4442	RGB 93 68 66	#5D4442
50.0%	50.0% #5C3B35	RGB 92 59 53	#5C3B35
66.7%	66.7% #5C3328	RGB 92 51 40	#5C3328
83.3%	83.3% #5B2C1C	RGB 91 44 28	#5B2C1C
100.0%	100.0% #5B2710	RGB 91 39 16	#5B2710

#5E5C5C #5D4F4E #5D4442 #5C3B35 #5C3328 #5B2C1C #5B2710

#5E5C5C - #5C3B35 - #5B2710

CSS codes

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

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