#5E4A76 - #E3948A | 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 #5E4A76 to #E3948A

#5E4A76 #E3948A

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

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

0.0%	0.0% #5E4A76	RGB 94 74 118	#5E4A76
16.7%	16.7% #745679	RGB 116 86 121	#745679
33.3%	33.3% #8A627C	RGB 138 98 124	#8A627C
50.0%	50.0% #A06F80	RGB 160 111 128	#A06F80
66.7%	66.7% #B67B83	RGB 182 123 131	#B67B83
83.3%	83.3% #CC8786	RGB 204 135 134	#CC8786
100.0%	100.0% #E3948A	RGB 227 148 138	#E3948A

#5E4A76 #745679 #8A627C #A06F80 #B67B83 #CC8786 #E3948A

#5E4A76 - #E3948A

HSV Blend

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

0.0%	0.0% #5E4A76	RGB 94 74 118	#5E4A76
16.7%	16.7% #7A5488	RGB 122 84 136	#7A5488
33.3%	33.3% #9A5F99	RGB 154 95 153	#9A5F99
50.0%	50.0% #AC6A99	RGB 172 106 153	#AC6A99
66.7%	66.7% #BE7595	RGB 190 117 149	#BE7595
83.3%	83.3% #D07F8C	RGB 208 127 140	#D07F8C
100.0%	100.0% #E3948A	RGB 227 148 138	#E3948A

#5E4A76 #7A5488 #9A5F99 #AC6A99 #BE7595 #D07F8C #E3948A

#5E4A76 - #AC6A99 - #E3948A

CSS codes

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

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