#5E4778 - #E0918C | 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 #5E4778 to #E0918C

#5E4778 #E0918C

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

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

0.0%	0.0% #5E4778	RGB 94 71 120	#5E4778
16.7%	16.7% #73537B	RGB 115 83 123	#73537B
33.3%	33.3% #895F7E	RGB 137 95 126	#895F7E
50.0%	50.0% #9F6C82	RGB 159 108 130	#9F6C82
66.7%	66.7% #B47885	RGB 180 120 133	#B47885
83.3%	83.3% #CA8488	RGB 202 132 136	#CA8488
100.0%	100.0% #E0918C	RGB 224 145 140	#E0918C

#5E4778 #73537B #895F7E #9F6C82 #B47885 #CA8488 #E0918C

#5E4778 - #E0918C

HSV Blend

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

0.0%	0.0% #5E4778	RGB 94 71 120	#5E4778
16.7%	16.7% #7A5289	RGB 122 82 137	#7A5289
33.3%	33.3% #9A5D9A	RGB 154 93 154	#9A5D9A
50.0%	50.0% #AC689A	RGB 172 104 154	#AC689A
66.7%	66.7% #BD7496	RGB 189 116 150	#BD7496
83.3%	83.3% #CE8090	RGB 206 128 144	#CE8090
100.0%	100.0% #E0918C	RGB 224 145 140	#E0918C

#5E4778 #7A5289 #9A5D9A #AC689A #BD7496 #CE8090 #E0918C

#5E4778 - #AC689A - #E0918C

CSS codes

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

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