#5E4C6B - #E6937C | 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 #5E4C6B to #E6937C

#5E4C6B #E6937C

Calculate the color between two colors, #5E4C6B and #E6937C. 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)

#5E4C6B - #E6937C | 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 #5E4C6B as 0% and #E6937C as 100%.

0.0%	0.0% #5E4C6B	RGB 94 76 107	#5E4C6B
16.7%	16.7% #74576D	RGB 116 87 109	#74576D
33.3%	33.3% #8B6370	RGB 139 99 112	#8B6370
50.0%	50.0% #A26F73	RGB 162 111 115	#A26F73
66.7%	66.7% #B87B76	RGB 184 123 118	#B87B76
83.3%	83.3% #CF8779	RGB 207 135 121	#CF8779
100.0%	100.0% #E6937C	RGB 230 147 124	#E6937C

#5E4C6B #74576D #8B6370 #A26F73 #B87B76 #CF8779 #E6937C

#5E4C6B - #E6937C

HSV Blend

#5E4C6B - #E6937C | 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 #5E4C6B as 0% and #E6937C as 100%.

0.0%	0.0% #5E4C6B	RGB 94 76 107	#5E4C6B
16.7%	16.7% #79567F	RGB 121 86 127	#79567F
33.3%	33.3% #94608D	RGB 148 96 141	#94608D
50.0%	50.0% #A8698F	RGB 168 105 143	#A8698F
66.7%	66.7% #BD7089	RGB 189 112 137	#BD7089
83.3%	83.3% #D1767B	RGB 209 118 123	#D1767B
100.0%	100.0% #E6937C	RGB 230 147 124	#E6937C

#5E4C6B #79567F #94608D #A8698F #BD7089 #D1767B #E6937C

#5E4C6B - #A8698F - #E6937C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C6B 0%, #A8698F 50%, #E6937C 100%);
    background: -webkit-linear-gradient(top, #5E4C6B 0%, #A8698F 50%, #E6937C 100%);
    background: linear-gradient(to bottom, #5E4C6B 0%, #A8698F 50%, #E6937C 100%);
}
</style>