#7E656D - #EC948C | 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 #7E656D to #EC948C

#7E656D #EC948C

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

#7E656D - #EC948C | 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 #7E656D as 0% and #EC948C as 100%.

0.0%	0.0% #7E656D	RGB 126 101 109	#7E656D
16.7%	16.7% #906C72	RGB 144 108 114	#906C72
33.3%	33.3% #A27477	RGB 162 116 119	#A27477
50.0%	50.0% #B57C7C	RGB 181 124 124	#B57C7C
66.7%	66.7% #C78481	RGB 199 132 129	#C78481
83.3%	83.3% #D98C86	RGB 217 140 134	#D98C86
100.0%	100.0% #EC948C	RGB 236 148 140	#EC948C

#7E656D #906C72 #A27477 #B57C7C #C78481 #D98C86 #EC948C

#7E656D - #EC948C

HSV Blend

#7E656D - #EC948C | 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 #7E656D as 0% and #EC948C as 100%.

0.0%	0.0% #7E656D	RGB 126 101 109	#7E656D
16.7%	16.7% #906E77	RGB 144 110 119	#906E77
33.3%	33.3% #A2777F	RGB 162 119 127	#A2777F
50.0%	50.0% #B57E84	RGB 181 126 132	#B57E84
66.7%	66.7% #C78487	RGB 199 132 135	#C78487
83.3%	83.3% #D98988	RGB 217 137 136	#D98988
100.0%	100.0% #EC948C	RGB 236 148 140	#EC948C

#7E656D #906E77 #A2777F #B57E84 #C78487 #D98988 #EC948C

#7E656D - #B57E84 - #EC948C

CSS codes

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

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