#7F5E7A - #5C162B | 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 #7F5E7A to #5C162B

#7F5E7A #5C162B

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

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

0.0%	0.0% #7F5E7A	RGB 127 94 122	#7F5E7A
16.7%	16.7% #79526C	RGB 121 82 108	#79526C
33.3%	33.3% #73465F	RGB 115 70 95	#73465F
50.0%	50.0% #6D3A52	RGB 109 58 82	#6D3A52
66.7%	66.7% #672E45	RGB 103 46 69	#672E45
83.3%	83.3% #612238	RGB 97 34 56	#612238
100.0%	100.0% #5C162B	RGB 92 22 43	#5C162B

#7F5E7A #79526C #73465F #6D3A52 #672E45 #612238 #5C162B

#7F5E7A - #5C162B

HSV Blend

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

0.0%	0.0% #7F5E7A	RGB 127 94 122	#7F5E7A
16.7%	16.7% #794F6F	RGB 121 79 111	#794F6F
33.3%	33.3% #734262	RGB 115 66 98	#734262
50.0%	50.0% #6D3555	RGB 109 53 85	#6D3555
66.7%	66.7% #672A47	RGB 103 42 71	#672A47
83.3%	83.3% #611F39	RGB 97 31 57	#611F39
100.0%	100.0% #5C162B	RGB 92 22 43	#5C162B

#7F5E7A #794F6F #734262 #6D3555 #672A47 #611F39 #5C162B

#7F5E7A - #6D3555 - #5C162B

CSS codes

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

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