#5E474C - #381811 | 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 #5E474C to #381811

#5E474C #381811

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

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

0.0%	0.0% #5E474C	RGB 94 71 76	#5E474C
16.7%	16.7% #573F42	RGB 87 63 66	#573F42
33.3%	33.3% #513738	RGB 81 55 56	#513738
50.0%	50.0% #4B2F2E	RGB 75 47 46	#4B2F2E
66.7%	66.7% #442724	RGB 68 39 36	#442724
83.3%	83.3% #3E1F1A	RGB 62 31 26	#3E1F1A
100.0%	100.0% #381811	RGB 56 24 17	#381811

#5E474C #573F42 #513738 #4B2F2E #442724 #3E1F1A #381811

#5E474C - #381811

HSV Blend

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

0.0%	0.0% #5E474C	RGB 94 71 76	#5E474C
16.7%	16.7% #573B3F	RGB 87 59 63	#573B3F
33.3%	33.3% #513133	RGB 81 49 51	#513133
50.0%	50.0% #4B2728	RGB 75 39 40	#4B2728
66.7%	66.7% #44201F	RGB 68 32 31	#44201F
83.3%	83.3% #3E1C17	RGB 62 28 23	#3E1C17
100.0%	100.0% #381811	RGB 56 24 17	#381811

#5E474C #573B3F #513133 #4B2728 #44201F #3E1C17 #381811

#5E474C - #4B2728 - #381811

CSS codes

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

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