#7C4B5E - #E5957C | 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 #7C4B5E to #E5957C

#7C4B5E #E5957C

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

#7C4B5E - #E5957C | 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 #7C4B5E as 0% and #E5957C as 100%.

0.0%	0.0% #7C4B5E	RGB 124 75 94	#7C4B5E
16.7%	16.7% #8D5763	RGB 141 87 99	#8D5763
33.3%	33.3% #9F6368	RGB 159 99 104	#9F6368
50.0%	50.0% #B0706D	RGB 176 112 109	#B0706D
66.7%	66.7% #C27C72	RGB 194 124 114	#C27C72
83.3%	83.3% #D38877	RGB 211 136 119	#D38877
100.0%	100.0% #E5957C	RGB 229 149 124	#E5957C

#7C4B5E #8D5763 #9F6368 #B0706D #C27C72 #D38877 #E5957C

#7C4B5E - #E5957C

HSV Blend

#7C4B5E - #E5957C | 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 #7C4B5E as 0% and #E5957C as 100%.

0.0%	0.0% #7C4B5E	RGB 124 75 94	#7C4B5E
16.7%	16.7% #8D5464	RGB 141 84 100	#8D5464
33.3%	33.3% #9F5C68	RGB 159 92 104	#9F5C68
50.0%	50.0% #B0656A	RGB 176 101 106	#B0656A
66.7%	66.7% #C26F6D	RGB 194 111 109	#C26F6D
83.3%	83.3% #D38174	RGB 211 129 116	#D38174
100.0%	100.0% #E5957C	RGB 229 149 124	#E5957C

#7C4B5E #8D5464 #9F5C68 #B0656A #C26F6D #D38174 #E5957C

#7C4B5E - #B0656A - #E5957C

CSS codes

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

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