#86537F - #EC7B9C | 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 #86537F to #EC7B9C

#86537F #EC7B9C

Calculate the color between two colors, #86537F and #EC7B9C. 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)

#86537F - #EC7B9C | 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 #86537F as 0% and #EC7B9C as 100%.

0.0%	0.0% #86537F	RGB 134 83 127	#86537F
16.7%	16.7% #975983	RGB 151 89 131	#975983
33.3%	33.3% #A86088	RGB 168 96 136	#A86088
50.0%	50.0% #B9678D	RGB 185 103 141	#B9678D
66.7%	66.7% #CA6D92	RGB 202 109 146	#CA6D92
83.3%	83.3% #DB7497	RGB 219 116 151	#DB7497
100.0%	100.0% #EC7B9C	RGB 236 123 156	#EC7B9C

#86537F #975983 #A86088 #B9678D #CA6D92 #DB7497 #EC7B9C

#86537F - #EC7B9C

HSV Blend

#86537F - #EC7B9C | 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 #86537F as 0% and #EC7B9C as 100%.

0.0%	0.0% #86537F	RGB 134 83 127	#86537F
16.7%	16.7% #975B89	RGB 151 91 137	#975B89
33.3%	33.3% #A86291	RGB 168 98 145	#A86291
50.0%	50.0% #B96997	RGB 185 105 151	#B96997
66.7%	66.7% #CA6F9B	RGB 202 111 155	#CA6F9B
83.3%	83.3% #DB759C	RGB 219 117 156	#DB759C
100.0%	100.0% #EC7B9C	RGB 236 123 156	#EC7B9C

#86537F #975B89 #A86291 #B96997 #CA6F9B #DB759C #EC7B9C

#86537F - #B96997 - #EC7B9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86537F 0%, #B96997 50%, #EC7B9C 100%);
    background: -webkit-linear-gradient(top, #86537F 0%, #B96997 50%, #EC7B9C 100%);
    background: linear-gradient(to bottom, #86537F 0%, #B96997 50%, #EC7B9C 100%);
}
</style>