#554732 - #483C04 | 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 #554732 to #483C04

#554732 #483C04

Calculate the color between two colors, #554732 and #483C04. 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)

#554732 - #483C04 | 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 #554732 as 0% and #483C04 as 100%.

0.0%	0.0% #554732	RGB 85 71 50	#554732
16.7%	16.7% #52452A	RGB 82 69 42	#52452A
33.3%	33.3% #504322	RGB 80 67 34	#504322
50.0%	50.0% #4E411B	RGB 78 65 27	#4E411B
66.7%	66.7% #4C3F13	RGB 76 63 19	#4C3F13
83.3%	83.3% #4A3D0B	RGB 74 61 11	#4A3D0B
100.0%	100.0% #483C04	RGB 72 60 4	#483C04

#554732 #52452A #504322 #4E411B #4C3F13 #4A3D0B #483C04

#554732 - #483C04

HSV Blend

#554732 - #483C04 | 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 #554732 as 0% and #483C04 as 100%.

0.0%	0.0% #554732	RGB 85 71 50	#554732
16.7%	16.7% #524329	RGB 82 67 41	#524329
33.3%	33.3% #504121	RGB 80 65 33	#504121
50.0%	50.0% #4E3F19	RGB 78 63 25	#4E3F19
66.7%	66.7% #4C3D11	RGB 76 61 17	#4C3D11
83.3%	83.3% #4A3C0A	RGB 74 60 10	#4A3C0A
100.0%	100.0% #483C04	RGB 72 60 4	#483C04

#554732 #524329 #504121 #4E3F19 #4C3D11 #4A3C0A #483C04

#554732 - #4E3F19 - #483C04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554732 0%, #4E3F19 50%, #483C04 100%);
    background: -webkit-linear-gradient(top, #554732 0%, #4E3F19 50%, #483C04 100%);
    background: linear-gradient(to bottom, #554732 0%, #4E3F19 50%, #483C04 100%);
}
</style>