#554226 - #413503 | 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 #554226 to #413503

#554226 #413503

Calculate the color between two colors, #554226 and #413503. 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)

#554226 - #413503 | 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 #554226 as 0% and #413503 as 100%.

0.0%	0.0% #554226	RGB 85 66 38	#554226
16.7%	16.7% #513F20	RGB 81 63 32	#513F20
33.3%	33.3% #4E3D1A	RGB 78 61 26	#4E3D1A
50.0%	50.0% #4B3B14	RGB 75 59 20	#4B3B14
66.7%	66.7% #47390E	RGB 71 57 14	#47390E
83.3%	83.3% #443708	RGB 68 55 8	#443708
100.0%	100.0% #413503	RGB 65 53 3	#413503

#554226 #513F20 #4E3D1A #4B3B14 #47390E #443708 #413503

#554226 - #413503

HSV Blend

#554226 - #413503 | 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 #554226 as 0% and #413503 as 100%.

0.0%	0.0% #554226	RGB 85 66 38	#554226
16.7%	16.7% #513E1F	RGB 81 62 31	#513E1F
33.3%	33.3% #4E3C18	RGB 78 60 24	#4E3C18
50.0%	50.0% #4B3A12	RGB 75 58 18	#4B3A12
66.7%	66.7% #47380C	RGB 71 56 12	#47380C
83.3%	83.3% #443607	RGB 68 54 7	#443607
100.0%	100.0% #413503	RGB 65 53 3	#413503

#554226 #513E1F #4E3C18 #4B3A12 #47380C #443607 #413503

#554226 - #4B3A12 - #413503

CSS codes

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

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