#4D4D3A - #C2945B | 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 #4D4D3A to #C2945B

#4D4D3A #C2945B

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

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

0.0%	0.0% #4D4D3A	RGB 77 77 58	#4D4D3A
16.7%	16.7% #60583F	RGB 96 88 63	#60583F
33.3%	33.3% #746445	RGB 116 100 69	#746445
50.0%	50.0% #87704A	RGB 135 112 74	#87704A
66.7%	66.7% #9B7C50	RGB 155 124 80	#9B7C50
83.3%	83.3% #AE8855	RGB 174 136 85	#AE8855
100.0%	100.0% #C2945B	RGB 194 148 91	#C2945B

#4D4D3A #60583F #746445 #87704A #9B7C50 #AE8855 #C2945B

#4D4D3A - #C2945B

HSV Blend

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

0.0%	0.0% #4D4D3A	RGB 77 77 58	#4D4D3A
16.7%	16.7% #605E44	RGB 96 94 68	#605E44
33.3%	33.3% #746E4C	RGB 116 110 76	#746E4C
50.0%	50.0% #877B52	RGB 135 123 82	#877B52
66.7%	66.7% #9B8657	RGB 155 134 87	#9B8657
83.3%	83.3% #AE8F5A	RGB 174 143 90	#AE8F5A
100.0%	100.0% #C2945B	RGB 194 148 91	#C2945B

#4D4D3A #605E44 #746E4C #877B52 #9B8657 #AE8F5A #C2945B

#4D4D3A - #877B52 - #C2945B

CSS codes

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

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