#5E496B - #E4907C | 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 #5E496B to #E4907C

#5E496B #E4907C

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

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

0.0%	0.0% #5E496B	RGB 94 73 107	#5E496B
16.7%	16.7% #74546D	RGB 116 84 109	#74546D
33.3%	33.3% #8A6070	RGB 138 96 112	#8A6070
50.0%	50.0% #A16C73	RGB 161 108 115	#A16C73
66.7%	66.7% #B77876	RGB 183 120 118	#B77876
83.3%	83.3% #CD8479	RGB 205 132 121	#CD8479
100.0%	100.0% #E4907C	RGB 228 144 124	#E4907C

#5E496B #74546D #8A6070 #A16C73 #B77876 #CD8479 #E4907C

#5E496B - #E4907C

HSV Blend

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

0.0%	0.0% #5E496B	RGB 94 73 107	#5E496B
16.7%	16.7% #79537F	RGB 121 83 127	#79537F
33.3%	33.3% #935D8B	RGB 147 93 139	#935D8B
50.0%	50.0% #A7668D	RGB 167 102 141	#A7668D
66.7%	66.7% #BB6E88	RGB 187 110 136	#BB6E88
83.3%	83.3% #CF757C	RGB 207 117 124	#CF757C
100.0%	100.0% #E4907C	RGB 228 144 124	#E4907C

#5E496B #79537F #935D8B #A7668D #BB6E88 #CF757C #E4907C

#5E496B - #A7668D - #E4907C

CSS codes

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

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