#5E5444 - #524808 | 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 #5E5444 to #524808

#5E5444 #524808

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

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

0.0%	0.0% #5E5444	RGB 94 84 68	#5E5444
16.7%	16.7% #5C523A	RGB 92 82 58	#5C523A
33.3%	33.3% #5A5030	RGB 90 80 48	#5A5030
50.0%	50.0% #584E26	RGB 88 78 38	#584E26
66.7%	66.7% #564C1C	RGB 86 76 28	#564C1C
83.3%	83.3% #544A12	RGB 84 74 18	#544A12
100.0%	100.0% #524808	RGB 82 72 8	#524808

#5E5444 #5C523A #5A5030 #584E26 #564C1C #544A12 #524808

#5E5444 - #524808

HSV Blend

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

0.0%	0.0% #5E5444	RGB 94 84 68	#5E5444
16.7%	16.7% #5C4F38	RGB 92 79 56	#5C4F38
33.3%	33.3% #5A4C2E	RGB 90 76 46	#5A4C2E
50.0%	50.0% #584A24	RGB 88 74 36	#584A24
66.7%	66.7% #56481A	RGB 86 72 26	#56481A
83.3%	83.3% #544810	RGB 84 72 16	#544810
100.0%	100.0% #524808	RGB 82 72 8	#524808

#5E5444 #5C4F38 #5A4C2E #584A24 #56481A #544810 #524808

#5E5444 - #584A24 - #524808

CSS codes

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

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