#7F5E6E - #4D1335 | 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 #7F5E6E to #4D1335

#7F5E6E #4D1335

Calculate the color between two colors, #7F5E6E and #4D1335. 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)

#7F5E6E - #4D1335 | 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 #7F5E6E as 0% and #4D1335 as 100%.

0.0%	0.0% #7F5E6E	RGB 127 94 110	#7F5E6E
16.7%	16.7% #765164	RGB 118 81 100	#765164
33.3%	33.3% #6E455B	RGB 110 69 91	#6E455B
50.0%	50.0% #663851	RGB 102 56 81	#663851
66.7%	66.7% #5D2C48	RGB 93 44 72	#5D2C48
83.3%	83.3% #551F3E	RGB 85 31 62	#551F3E
100.0%	100.0% #4D1335	RGB 77 19 53	#4D1335

#7F5E6E #765164 #6E455B #663851 #5D2C48 #551F3E #4D1335

#7F5E6E - #4D1335

HSV Blend

#7F5E6E - #4D1335 | 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 #7F5E6E as 0% and #4D1335 as 100%.

0.0%	0.0% #7F5E6E	RGB 127 94 110	#7F5E6E
16.7%	16.7% #764E62	RGB 118 78 98	#764E62
33.3%	33.3% #6E3F57	RGB 110 63 87	#6E3F57
50.0%	50.0% #66324E	RGB 102 50 78	#66324E
66.7%	66.7% #5D2644	RGB 93 38 68	#5D2644
83.3%	83.3% #551C3C	RGB 85 28 60	#551C3C
100.0%	100.0% #4D1335	RGB 77 19 53	#4D1335

#7F5E6E #764E62 #6E3F57 #66324E #5D2644 #551C3C #4D1335

#7F5E6E - #66324E - #4D1335

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E6E 0%, #66324E 50%, #4D1335 100%);
    background: -webkit-linear-gradient(top, #7F5E6E 0%, #66324E 50%, #4D1335 100%);
    background: linear-gradient(to bottom, #7F5E6E 0%, #66324E 50%, #4D1335 100%);
}
</style>