#8C4760 - #ED657B | 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 #8C4760 to #ED657B

#8C4760 #ED657B

Calculate the color between two colors, #8C4760 and #ED657B. 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)

#8C4760 - #ED657B | 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 #8C4760 as 0% and #ED657B as 100%.

0.0%	0.0% #8C4760	RGB 140 71 96	#8C4760
16.7%	16.7% #9C4C64	RGB 156 76 100	#9C4C64
33.3%	33.3% #AC5169	RGB 172 81 105	#AC5169
50.0%	50.0% #BC566D	RGB 188 86 109	#BC566D
66.7%	66.7% #CC5B72	RGB 204 91 114	#CC5B72
83.3%	83.3% #DC6076	RGB 220 96 118	#DC6076
100.0%	100.0% #ED657B	RGB 237 101 123	#ED657B

#8C4760 #9C4C64 #AC5169 #BC566D #CC5B72 #DC6076 #ED657B

#8C4760 - #ED657B

HSV Blend

#8C4760 - #ED657B | 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 #8C4760 as 0% and #ED657B as 100%.

0.0%	0.0% #8C4760	RGB 140 71 96	#8C4760
16.7%	16.7% #9C4D67	RGB 156 77 103	#9C4D67
33.3%	33.3% #AC526D	RGB 172 82 109	#AC526D
50.0%	50.0% #BC5772	RGB 188 87 114	#BC5772
66.7%	66.7% #CC5C76	RGB 204 92 118	#CC5C76
83.3%	83.3% #DC6179	RGB 220 97 121	#DC6179
100.0%	100.0% #ED657B	RGB 237 101 123	#ED657B

#8C4760 #9C4D67 #AC526D #BC5772 #CC5C76 #DC6179 #ED657B

#8C4760 - #BC5772 - #ED657B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4760 0%, #BC5772 50%, #ED657B 100%);
    background: -webkit-linear-gradient(top, #8C4760 0%, #BC5772 50%, #ED657B 100%);
    background: linear-gradient(to bottom, #8C4760 0%, #BC5772 50%, #ED657B 100%);
}
</style>