#745E5E - #2B162A | 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 #745E5E to #2B162A

#745E5E #2B162A

Calculate the color between two colors, #745E5E and #2B162A. 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)

#745E5E - #2B162A | 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 #745E5E as 0% and #2B162A as 100%.

0.0%	0.0% #745E5E	RGB 116 94 94	#745E5E
16.7%	16.7% #675255	RGB 103 82 85	#675255
33.3%	33.3% #5B464C	RGB 91 70 76	#5B464C
50.0%	50.0% #4F3A44	RGB 79 58 68	#4F3A44
66.7%	66.7% #432E3B	RGB 67 46 59	#432E3B
83.3%	83.3% #372232	RGB 55 34 50	#372232
100.0%	100.0% #2B162A	RGB 43 22 42	#2B162A

#745E5E #675255 #5B464C #4F3A44 #432E3B #372232 #2B162A

#745E5E - #2B162A

HSV Blend

#745E5E - #2B162A | 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 #745E5E as 0% and #2B162A as 100%.

0.0%	0.0% #745E5E	RGB 116 94 94	#745E5E
16.7%	16.7% #674E52	RGB 103 78 82	#674E52
33.3%	33.3% #5B4149	RGB 91 65 73	#5B4149
50.0%	50.0% #4F3441	RGB 79 52 65	#4F3441
66.7%	66.7% #432939	RGB 67 41 57	#432939
83.3%	83.3% #371E32	RGB 55 30 50	#371E32
100.0%	100.0% #2B162A	RGB 43 22 42	#2B162A

#745E5E #674E52 #5B4149 #4F3441 #432939 #371E32 #2B162A

#745E5E - #4F3441 - #2B162A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #745E5E 0%, #4F3441 50%, #2B162A 100%);
    background: -webkit-linear-gradient(top, #745E5E 0%, #4F3441 50%, #2B162A 100%);
    background: linear-gradient(to bottom, #745E5E 0%, #4F3441 50%, #2B162A 100%);
}
</style>