#7E5E61 - #49241D | 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 #7E5E61 to #49241D

#7E5E61 #49241D

Calculate the color between two colors, #7E5E61 and #49241D. 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)

#7E5E61 - #49241D | 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 #7E5E61 as 0% and #49241D as 100%.

0.0%	0.0% #7E5E61	RGB 126 94 97	#7E5E61
16.7%	16.7% #755455	RGB 117 84 85	#755455
33.3%	33.3% #6C4A4A	RGB 108 74 74	#6C4A4A
50.0%	50.0% #63413F	RGB 99 65 63	#63413F
66.7%	66.7% #5A3733	RGB 90 55 51	#5A3733
83.3%	83.3% #512D28	RGB 81 45 40	#512D28
100.0%	100.0% #49241D	RGB 73 36 29	#49241D

#7E5E61 #755455 #6C4A4A #63413F #5A3733 #512D28 #49241D

#7E5E61 - #49241D

HSV Blend

#7E5E61 - #49241D | 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 #7E5E61 as 0% and #49241D as 100%.

0.0%	0.0% #7E5E61	RGB 126 94 97	#7E5E61
16.7%	16.7% #755052	RGB 117 80 82	#755052
33.3%	33.3% #6C4444	RGB 108 68 68	#6C4444
50.0%	50.0% #633A38	RGB 99 58 56	#633A38
66.7%	66.7% #5A312E	RGB 90 49 46	#5A312E
83.3%	83.3% #512A25	RGB 81 42 37	#512A25
100.0%	100.0% #49241D	RGB 73 36 29	#49241D

#7E5E61 #755052 #6C4444 #633A38 #5A312E #512A25 #49241D

#7E5E61 - #633A38 - #49241D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E61 0%, #633A38 50%, #49241D 100%);
    background: -webkit-linear-gradient(top, #7E5E61 0%, #633A38 50%, #49241D 100%);
    background: linear-gradient(to bottom, #7E5E61 0%, #633A38 50%, #49241D 100%);
}
</style>