#7C4C5E - #E5967B | 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 #7C4C5E to #E5967B

#7C4C5E #E5967B

Calculate the color between two colors, #7C4C5E and #E5967B. 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)

#7C4C5E - #E5967B | 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 #7C4C5E as 0% and #E5967B as 100%.

0.0%	0.0% #7C4C5E	RGB 124 76 94	#7C4C5E
16.7%	16.7% #8D5862	RGB 141 88 98	#8D5862
33.3%	33.3% #9F6467	RGB 159 100 103	#9F6467
50.0%	50.0% #B0716C	RGB 176 113 108	#B0716C
66.7%	66.7% #C27D71	RGB 194 125 113	#C27D71
83.3%	83.3% #D38976	RGB 211 137 118	#D38976
100.0%	100.0% #E5967B	RGB 229 150 123	#E5967B

#7C4C5E #8D5862 #9F6467 #B0716C #C27D71 #D38976 #E5967B

#7C4C5E - #E5967B

HSV Blend

#7C4C5E - #E5967B | 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 #7C4C5E as 0% and #E5967B as 100%.

0.0%	0.0% #7C4C5E	RGB 124 76 94	#7C4C5E
16.7%	16.7% #8D5464	RGB 141 84 100	#8D5464
33.3%	33.3% #9F5D68	RGB 159 93 104	#9F5D68
50.0%	50.0% #B0656A	RGB 176 101 106	#B0656A
66.7%	66.7% #C2706D	RGB 194 112 109	#C2706D
83.3%	83.3% #D38274	RGB 211 130 116	#D38274
100.0%	100.0% #E5967B	RGB 229 150 123	#E5967B

#7C4C5E #8D5464 #9F5D68 #B0656A #C2706D #D38274 #E5967B

#7C4C5E - #B0656A - #E5967B

CSS codes

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

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