#7F5E6F - #541C24 | 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 #7F5E6F to #541C24

#7F5E6F #541C24

Calculate the color between two colors, #7F5E6F and #541C24. 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)

#7F5E6F - #541C24 | 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 #7F5E6F as 0% and #541C24 as 100%.

0.0%	0.0% #7F5E6F	RGB 127 94 111	#7F5E6F
16.7%	16.7% #775362	RGB 119 83 98	#775362
33.3%	33.3% #704856	RGB 112 72 86	#704856
50.0%	50.0% #693D49	RGB 105 61 73	#693D49
66.7%	66.7% #62323D	RGB 98 50 61	#62323D
83.3%	83.3% #5B2730	RGB 91 39 48	#5B2730
100.0%	100.0% #541C24	RGB 84 28 36	#541C24

#7F5E6F #775362 #704856 #693D49 #62323D #5B2730 #541C24

#7F5E6F - #541C24

HSV Blend

#7F5E6F - #541C24 | 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 #7F5E6F as 0% and #541C24 as 100%.

0.0%	0.0% #7F5E6F	RGB 127 94 111	#7F5E6F
16.7%	16.7% #775062	RGB 119 80 98	#775062
33.3%	33.3% #704455	RGB 112 68 85	#704455
50.0%	50.0% #693848	RGB 105 56 72	#693848
66.7%	66.7% #622E3C	RGB 98 46 60	#622E3C
83.3%	83.3% #5B242F	RGB 91 36 47	#5B242F
100.0%	100.0% #541C24	RGB 84 28 36	#541C24

#7F5E6F #775062 #704455 #693848 #622E3C #5B242F #541C24

#7F5E6F - #693848 - #541C24

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E6F 0%, #693848 50%, #541C24 100%);
    background: -webkit-linear-gradient(top, #7F5E6F 0%, #693848 50%, #541C24 100%);
    background: linear-gradient(to bottom, #7F5E6F 0%, #693848 50%, #541C24 100%);
}
</style>