#7C5C5D - #EC7E7E | 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 #7C5C5D to #EC7E7E

#7C5C5D #EC7E7E

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

#7C5C5D - #EC7E7E | 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 #7C5C5D as 0% and #EC7E7E as 100%.

0.0%	0.0% #7C5C5D	RGB 124 92 93	#7C5C5D
16.7%	16.7% #8E6162	RGB 142 97 98	#8E6162
33.3%	33.3% #A16768	RGB 161 103 104	#A16768
50.0%	50.0% #B46D6D	RGB 180 109 109	#B46D6D
66.7%	66.7% #C67273	RGB 198 114 115	#C67273
83.3%	83.3% #D97878	RGB 217 120 120	#D97878
100.0%	100.0% #EC7E7E	RGB 236 126 126	#EC7E7E

#7C5C5D #8E6162 #A16768 #B46D6D #C67273 #D97878 #EC7E7E

#7C5C5D - #EC7E7E

HSV Blend

#7C5C5D - #EC7E7E | 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 #7C5C5D as 0% and #EC7E7E as 100%.

0.0%	0.0% #7C5C5D	RGB 124 92 93	#7C5C5D
16.7%	16.7% #8E6465	RGB 142 100 101	#8E6465
33.3%	33.3% #A16C6D	RGB 161 108 109	#A16C6D
50.0%	50.0% #B47273	RGB 180 114 115	#B47273
66.7%	66.7% #C67778	RGB 198 119 120	#C67778
83.3%	83.3% #D97B7C	RGB 217 123 124	#D97B7C
100.0%	100.0% #EC7E7E	RGB 236 126 126	#EC7E7E

#7C5C5D #8E6465 #A16C6D #B47273 #C67778 #D97B7C #EC7E7E

#7C5C5D - #B47273 - #EC7E7E

CSS codes

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

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