#7E5E72 - #561B26 | 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 #7E5E72 to #561B26

#7E5E72 #561B26

Calculate the color between two colors, #7E5E72 and #561B26. 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)

#7E5E72 - #561B26 | 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 #7E5E72 as 0% and #561B26 as 100%.

0.0%	0.0% #7E5E72	RGB 126 94 114	#7E5E72
16.7%	16.7% #775265	RGB 119 82 101	#775265
33.3%	33.3% #704758	RGB 112 71 88	#704758
50.0%	50.0% #6A3C4C	RGB 106 60 76	#6A3C4C
66.7%	66.7% #63313F	RGB 99 49 63	#63313F
83.3%	83.3% #5C2632	RGB 92 38 50	#5C2632
100.0%	100.0% #561B26	RGB 86 27 38	#561B26

#7E5E72 #775265 #704758 #6A3C4C #63313F #5C2632 #561B26

#7E5E72 - #561B26

HSV Blend

#7E5E72 - #561B26 | 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 #7E5E72 as 0% and #561B26 as 100%.

0.0%	0.0% #7E5E72	RGB 126 94 114	#7E5E72
16.7%	16.7% #775065	RGB 119 80 101	#775065
33.3%	33.3% #704359	RGB 112 67 89	#704359
50.0%	50.0% #6A384C	RGB 106 56 76	#6A384C
66.7%	66.7% #632D3F	RGB 99 45 63	#632D3F
83.3%	83.3% #5C2332	RGB 92 35 50	#5C2332
100.0%	100.0% #561B26	RGB 86 27 38	#561B26

#7E5E72 #775065 #704359 #6A384C #632D3F #5C2332 #561B26

#7E5E72 - #6A384C - #561B26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E72 0%, #6A384C 50%, #561B26 100%);
    background: -webkit-linear-gradient(top, #7E5E72 0%, #6A384C 50%, #561B26 100%);
    background: linear-gradient(to bottom, #7E5E72 0%, #6A384C 50%, #561B26 100%);
}
</style>