#5E5C5C - #5B100F | 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 #5B100F

#5E5C5C #5B100F

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #5D4F4F	RGB 93 79 79	#5D4F4F
33.3%	33.3% #5D4242	RGB 93 66 66	#5D4242
50.0%	50.0% #5C3635	RGB 92 54 53	#5C3635
66.7%	66.7% #5C2928	RGB 92 41 40	#5C2928
83.3%	83.3% #5B1C1B	RGB 91 28 27	#5B1C1B
100.0%	100.0% #5B100F	RGB 91 16 15	#5B100F

#5E5C5C #5D4F4F #5D4242 #5C3635 #5C2928 #5B1C1B #5B100F

#5E5C5C - #5B100F

HSV Blend

#5E5C5C - #5B100F | 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 #5B100F as 100%.

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #5D4E4E	RGB 93 78 78	#5D4E4E
33.3%	33.3% #5D4141	RGB 93 65 65	#5D4141
50.0%	50.0% #5C3534	RGB 92 53 52	#5C3534
66.7%	66.7% #5C2828	RGB 92 40 40	#5C2828
83.3%	83.3% #5B1C1B	RGB 91 28 27	#5B1C1B
100.0%	100.0% #5B100F	RGB 91 16 15	#5B100F

#5E5C5C #5D4E4E #5D4141 #5C3534 #5C2828 #5B1C1B #5B100F

#5E5C5C - #5C3534 - #5B100F

CSS codes

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

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