#5E4D78 - #E5988C | 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 #5E4D78 to #E5988C

#5E4D78 #E5988C

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

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

0.0%	0.0% #5E4D78	RGB 94 77 120	#5E4D78
16.7%	16.7% #74597B	RGB 116 89 123	#74597B
33.3%	33.3% #8B667E	RGB 139 102 126	#8B667E
50.0%	50.0% #A17282	RGB 161 114 130	#A17282
66.7%	66.7% #B87F85	RGB 184 127 133	#B87F85
83.3%	83.3% #CE8B88	RGB 206 139 136	#CE8B88
100.0%	100.0% #E5988C	RGB 229 152 140	#E5988C

#5E4D78 #74597B #8B667E #A17282 #B87F85 #CE8B88 #E5988C

#5E4D78 - #E5988C

HSV Blend

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

0.0%	0.0% #5E4D78	RGB 94 77 120	#5E4D78
16.7%	16.7% #7A578A	RGB 122 87 138	#7A578A
33.3%	33.3% #9A629C	RGB 154 98 156	#9A629C
50.0%	50.0% #AE6D9D	RGB 174 109 157	#AE6D9D
66.7%	66.7% #C07798	RGB 192 119 152	#C07798
83.3%	83.3% #D2818E	RGB 210 129 142	#D2818E
100.0%	100.0% #E5988C	RGB 229 152 140	#E5988C

#5E4D78 #7A578A #9A629C #AE6D9D #C07798 #D2818E #E5988C

#5E4D78 - #AE6D9D - #E5988C

CSS codes

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

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