#5E4D53 - #201B17 | 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 #5E4D53 to #201B17

#5E4D53 #201B17

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

#5E4D53 - #201B17 | 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 #5E4D53 as 0% and #201B17 as 100%.

0.0%	0.0% #5E4D53	RGB 94 77 83	#5E4D53
16.7%	16.7% #534449	RGB 83 68 73	#534449
33.3%	33.3% #493C3F	RGB 73 60 63	#493C3F
50.0%	50.0% #3F3435	RGB 63 52 53	#3F3435
66.7%	66.7% #342B2B	RGB 52 43 43	#342B2B
83.3%	83.3% #2A2321	RGB 42 35 33	#2A2321
100.0%	100.0% #201B17	RGB 32 27 23	#201B17

#5E4D53 #534449 #493C3F #3F3435 #342B2B #2A2321 #201B17

#5E4D53 - #201B17

HSV Blend

#5E4D53 - #201B17 | 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 #5E4D53 as 0% and #201B17 as 100%.

0.0%	0.0% #5E4D53	RGB 94 77 83	#5E4D53
16.7%	16.7% #534346	RGB 83 67 70	#534346
33.3%	33.3% #49393A	RGB 73 57 58	#49393A
50.0%	50.0% #3F3130	RGB 63 49 48	#3F3130
66.7%	66.7% #342927	RGB 52 41 39	#342927
83.3%	83.3% #2A221F	RGB 42 34 31	#2A221F
100.0%	100.0% #201B17	RGB 32 27 23	#201B17

#5E4D53 #534346 #49393A #3F3130 #342927 #2A221F #201B17

#5E4D53 - #3F3130 - #201B17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D53 0%, #3F3130 50%, #201B17 100%);
    background: -webkit-linear-gradient(top, #5E4D53 0%, #3F3130 50%, #201B17 100%);
    background: linear-gradient(to bottom, #5E4D53 0%, #3F3130 50%, #201B17 100%);
}
</style>