#7D707A - #5E232D | 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 #7D707A to #5E232D

#7D707A #5E232D

Calculate the color between two colors, #7D707A and #5E232D. 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)

#7D707A - #5E232D | 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 #7D707A as 0% and #5E232D as 100%.

0.0%	0.0% #7D707A	RGB 125 112 122	#7D707A
16.7%	16.7% #77636D	RGB 119 99 109	#77636D
33.3%	33.3% #725660	RGB 114 86 96	#725660
50.0%	50.0% #6D4953	RGB 109 73 83	#6D4953
66.7%	66.7% #683C46	RGB 104 60 70	#683C46
83.3%	83.3% #632F39	RGB 99 47 57	#632F39
100.0%	100.0% #5E232D	RGB 94 35 45	#5E232D

#7D707A #77636D #725660 #6D4953 #683C46 #632F39 #5E232D

#7D707A - #5E232D

HSV Blend

#7D707A - #5E232D | 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 #7D707A as 0% and #5E232D as 100%.

0.0%	0.0% #7D707A	RGB 125 112 122	#7D707A
16.7%	16.7% #776070	RGB 119 96 112	#776070
33.3%	33.3% #725264	RGB 114 82 100	#725264
50.0%	50.0% #6D4558	RGB 109 69 88	#6D4558
66.7%	66.7% #68394A	RGB 104 57 74	#68394A
83.3%	83.3% #632D3C	RGB 99 45 60	#632D3C
100.0%	100.0% #5E232D	RGB 94 35 45	#5E232D

#7D707A #776070 #725264 #6D4558 #68394A #632D3C #5E232D

#7D707A - #6D4558 - #5E232D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D707A 0%, #6D4558 50%, #5E232D 100%);
    background: -webkit-linear-gradient(top, #7D707A 0%, #6D4558 50%, #5E232D 100%);
    background: linear-gradient(to bottom, #7D707A 0%, #6D4558 50%, #5E232D 100%);
}
</style>