#5E4A84 - #E0979A | 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 #5E4A84 to #E0979A

#5E4A84 #E0979A

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

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

0.0%	0.0% #5E4A84	RGB 94 74 132	#5E4A84
16.7%	16.7% #735687	RGB 115 86 135	#735687
33.3%	33.3% #89638B	RGB 137 99 139	#89638B
50.0%	50.0% #9F708F	RGB 159 112 143	#9F708F
66.7%	66.7% #B47D92	RGB 180 125 146	#B47D92
83.3%	83.3% #CA8A96	RGB 202 138 150	#CA8A96
100.0%	100.0% #E0979A	RGB 224 151 154	#E0979A

#5E4A84 #735687 #89638B #9F708F #B47D92 #CA8A96 #E0979A

#5E4A84 - #E0979A

HSV Blend

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

0.0%	0.0% #5D4A84	RGB 93 74 132	#5D4A84
16.7%	16.7% #7B5593	RGB 123 85 147	#7B5593
33.3%	33.3% #9B61A2	RGB 155 97 162	#9B61A2
50.0%	50.0% #B26DA7	RGB 178 109 167	#B26DA7
66.7%	66.7% #C17BA3	RGB 193 123 163	#C17BA3
83.3%	83.3% #D0889F	RGB 208 136 159	#D0889F
100.0%	100.0% #E0979A	RGB 224 151 154	#E0979A

#5D4A84 #7B5593 #9B61A2 #B26DA7 #C17BA3 #D0889F #E0979A

#5E4A84 - #B26DA7 - #E0979A

CSS codes

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

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