#5E4A78 - #E3948C | 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 #5E4A78 to #E3948C

#5E4A78 #E3948C

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

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

0.0%	0.0% #5E4A78	RGB 94 74 120	#5E4A78
16.7%	16.7% #74567B	RGB 116 86 123	#74567B
33.3%	33.3% #8A627E	RGB 138 98 126	#8A627E
50.0%	50.0% #A06F82	RGB 160 111 130	#A06F82
66.7%	66.7% #B67B85	RGB 182 123 133	#B67B85
83.3%	83.3% #CC8788	RGB 204 135 136	#CC8788
100.0%	100.0% #E3948C	RGB 227 148 140	#E3948C

#5E4A78 #74567B #8A627E #A06F82 #B67B85 #CC8788 #E3948C

#5E4A78 - #E3948C

HSV Blend

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

0.0%	0.0% #5E4A78	RGB 94 74 120	#5E4A78
16.7%	16.7% #7A5489	RGB 122 84 137	#7A5489
33.3%	33.3% #9A5F9B	RGB 154 95 155	#9A5F9B
50.0%	50.0% #AD6A9B	RGB 173 106 155	#AD6A9B
66.7%	66.7% #BF7597	RGB 191 117 151	#BF7597
83.3%	83.3% #D1808F	RGB 209 128 143	#D1808F
100.0%	100.0% #E3948C	RGB 227 148 140	#E3948C

#5E4A78 #7A5489 #9A5F9B #AD6A9B #BF7597 #D1808F #E3948C

#5E4A78 - #AD6A9B - #E3948C

CSS codes

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

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