#5E5234 - #442B06 | 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 #5E5234 to #442B06

#5E5234 #442B06

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

#5E5234 - #442B06 | 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 #5E5234 as 0% and #442B06 as 100%.

0.0%	0.0% #5E5234	RGB 94 82 52	#5E5234
16.7%	16.7% #594B2C	RGB 89 75 44	#594B2C
33.3%	33.3% #554524	RGB 85 69 36	#554524
50.0%	50.0% #513E1D	RGB 81 62 29	#513E1D
66.7%	66.7% #4C3815	RGB 76 56 21	#4C3815
83.3%	83.3% #48310D	RGB 72 49 13	#48310D
100.0%	100.0% #442B06	RGB 68 43 6	#442B06

#5E5234 #594B2C #554524 #513E1D #4C3815 #48310D #442B06

#5E5234 - #442B06

HSV Blend

#5E5234 - #442B06 | 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 #5E5234 as 0% and #442B06 as 100%.

0.0%	0.0% #5E5234	RGB 94 82 52	#5E5234
16.7%	16.7% #594B2A	RGB 89 75 42	#594B2A
33.3%	33.3% #554421	RGB 85 68 33	#554421
50.0%	50.0% #513E19	RGB 81 62 25	#513E19
66.7%	66.7% #4C3712	RGB 76 55 18	#4C3712
83.3%	83.3% #48310B	RGB 72 49 11	#48310B
100.0%	100.0% #442B06	RGB 68 43 6	#442B06

#5E5234 #594B2A #554421 #513E19 #4C3712 #48310B #442B06

#5E5234 - #513E19 - #442B06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5234 0%, #513E19 50%, #442B06 100%);
    background: -webkit-linear-gradient(top, #5E5234 0%, #513E19 50%, #442B06 100%);
    background: linear-gradient(to bottom, #5E5234 0%, #513E19 50%, #442B06 100%);
}
</style>