#5D5E4D - #191A16 | 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 #5D5E4D to #191A16

#5D5E4D #191A16

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

#5D5E4D - #191A16 | 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 #5D5E4D as 0% and #191A16 as 100%.

0.0%	0.0% #5D5E4D	RGB 93 94 77	#5D5E4D
16.7%	16.7% #515243	RGB 81 82 67	#515243
33.3%	33.3% #46473A	RGB 70 71 58	#46473A
50.0%	50.0% #3B3C31	RGB 59 60 49	#3B3C31
66.7%	66.7% #2F3028	RGB 47 48 40	#2F3028
83.3%	83.3% #24251F	RGB 36 37 31	#24251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5D5E4D #515243 #46473A #3B3C31 #2F3028 #24251F #191A16

#5D5E4D - #191A16

HSV Blend

#5D5E4D - #191A16 | 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 #5D5E4D as 0% and #191A16 as 100%.

0.0%	0.0% #5D5E4D	RGB 93 94 77	#5D5E4D
16.7%	16.7% #515244	RGB 81 82 68	#515244
33.3%	33.3% #45473B	RGB 69 71 59	#45473B
50.0%	50.0% #3A3C31	RGB 58 60 49	#3A3C31
66.7%	66.7% #2F3028	RGB 47 48 40	#2F3028
83.3%	83.3% #24251F	RGB 36 37 31	#24251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5D5E4D #515244 #45473B #3A3C31 #2F3028 #24251F #191A16

#5D5E4D - #3A3C31 - #191A16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E4D 0%, #3A3C31 50%, #191A16 100%);
    background: -webkit-linear-gradient(top, #5D5E4D 0%, #3A3C31 50%, #191A16 100%);
    background: linear-gradient(to bottom, #5D5E4D 0%, #3A3C31 50%, #191A16 100%);
}
</style>