#5E5141 - #442007 | 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 #5E5141 to #442007

#5E5141 #442007

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

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

0.0%	0.0% #5E5141	RGB 94 81 65	#5E5141
16.7%	16.7% #594837	RGB 89 72 55	#594837
33.3%	33.3% #55402D	RGB 85 64 45	#55402D
50.0%	50.0% #513824	RGB 81 56 36	#513824
66.7%	66.7% #4C301A	RGB 76 48 26	#4C301A
83.3%	83.3% #482810	RGB 72 40 16	#482810
100.0%	100.0% #442007	RGB 68 32 7	#442007

#5E5141 #594837 #55402D #513824 #4C301A #482810 #442007

#5E5141 - #442007

HSV Blend

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

0.0%	0.0% #5E5141	RGB 94 81 65	#5E5141
16.7%	16.7% #594835	RGB 89 72 53	#594835
33.3%	33.3% #553F2A	RGB 85 63 42	#553F2A
50.0%	50.0% #513720	RGB 81 55 32	#513720
66.7%	66.7% #4C2F16	RGB 76 47 22	#4C2F16
83.3%	83.3% #48270E	RGB 72 39 14	#48270E
100.0%	100.0% #442007	RGB 68 32 7	#442007

#5E5141 #594835 #553F2A #513720 #4C2F16 #48270E #442007

#5E5141 - #513720 - #442007

CSS codes

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

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