#7E5E74 - #511F31 | 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 #7E5E74 to #511F31

#7E5E74 #511F31

Calculate the color between two colors, #7E5E74 and #511F31. 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)

#7E5E74 - #511F31 | 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 #7E5E74 as 0% and #511F31 as 100%.

0.0%	0.0% #7E5E74	RGB 126 94 116	#7E5E74
16.7%	16.7% #765368	RGB 118 83 104	#765368
33.3%	33.3% #6F495D	RGB 111 73 93	#6F495D
50.0%	50.0% #673E52	RGB 103 62 82	#673E52
66.7%	66.7% #603447	RGB 96 52 71	#603447
83.3%	83.3% #58293C	RGB 88 41 60	#58293C
100.0%	100.0% #511F31	RGB 81 31 49	#511F31

#7E5E74 #765368 #6F495D #673E52 #603447 #58293C #511F31

#7E5E74 - #511F31

HSV Blend

#7E5E74 - #511F31 | 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 #7E5E74 as 0% and #511F31 as 100%.

0.0%	0.0% #7E5E74	RGB 126 94 116	#7E5E74
16.7%	16.7% #765168	RGB 118 81 104	#765168
33.3%	33.3% #6F455D	RGB 111 69 93	#6F455D
50.0%	50.0% #673A52	RGB 103 58 82	#673A52
66.7%	66.7% #603046	RGB 96 48 70	#603046
83.3%	83.3% #58273B	RGB 88 39 59	#58273B
100.0%	100.0% #511F31	RGB 81 31 49	#511F31

#7E5E74 #765168 #6F455D #673A52 #603046 #58273B #511F31

#7E5E74 - #673A52 - #511F31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E74 0%, #673A52 50%, #511F31 100%);
    background: -webkit-linear-gradient(top, #7E5E74 0%, #673A52 50%, #511F31 100%);
    background: linear-gradient(to bottom, #7E5E74 0%, #673A52 50%, #511F31 100%);
}
</style>