#4D453D - #4C3E03 | 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 #4D453D to #4C3E03

#4D453D #4C3E03

Calculate the color between two colors, #4D453D and #4C3E03. 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)

#4D453D - #4C3E03 | 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 #4D453D as 0% and #4C3E03 as 100%.

0.0%	0.0% #4D453D	RGB 77 69 61	#4D453D
16.7%	16.7% #4C4333	RGB 76 67 51	#4C4333
33.3%	33.3% #4C4229	RGB 76 66 41	#4C4229
50.0%	50.0% #4C4120	RGB 76 65 32	#4C4120
66.7%	66.7% #4C4016	RGB 76 64 22	#4C4016
83.3%	83.3% #4C3F0C	RGB 76 63 12	#4C3F0C
100.0%	100.0% #4C3E03	RGB 76 62 3	#4C3E03

#4D453D #4C4333 #4C4229 #4C4120 #4C4016 #4C3F0C #4C3E03

#4D453D - #4C3E03

HSV Blend

#4D453D - #4C3E03 | 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 #4D453D as 0% and #4C3E03 as 100%.

0.0%	0.0% #4D453D	RGB 77 69 61	#4D453D
16.7%	16.7% #4C4133	RGB 76 65 51	#4C4133
33.3%	33.3% #4C3E29	RGB 76 62 41	#4C3E29
50.0%	50.0% #4C3D1F	RGB 76 61 31	#4C3D1F
66.7%	66.7% #4C3C16	RGB 76 60 22	#4C3C16
83.3%	83.3% #4C3C0C	RGB 76 60 12	#4C3C0C
100.0%	100.0% #4C3E03	RGB 76 62 3	#4C3E03

#4D453D #4C4133 #4C3E29 #4C3D1F #4C3C16 #4C3C0C #4C3E03

#4D453D - #4C3D1F - #4C3E03

CSS codes

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

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