#5E5478 - #EA9F8D | 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 #5E5478 to #EA9F8D

#5E5478 #EA9F8D

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

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

0.0%	0.0% #5E5478	RGB 94 84 120	#5E5478
16.7%	16.7% #75607B	RGB 117 96 123	#75607B
33.3%	33.3% #8C6D7F	RGB 140 109 127	#8C6D7F
50.0%	50.0% #A47982	RGB 164 121 130	#A47982
66.7%	66.7% #BB8686	RGB 187 134 134	#BB8686
83.3%	83.3% #D29289	RGB 210 146 137	#D29289
100.0%	100.0% #EA9F8D	RGB 234 159 141	#EA9F8D

#5E5478 #75607B #8C6D7F #A47982 #BB8686 #D29289 #EA9F8D

#5E5478 - #EA9F8D

HSV Blend

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

0.0%	0.0% #5D5478	RGB 93 84 120	#5D5478
16.7%	16.7% #795F8B	RGB 121 95 139	#795F8B
33.3%	33.3% #99699E	RGB 153 105 158	#99699E
50.0%	50.0% #B173A2	RGB 177 115 162	#B173A2
66.7%	66.7% #C47C9C	RGB 196 124 156	#C47C9C
83.3%	83.3% #D7858F	RGB 215 133 143	#D7858F
100.0%	100.0% #EA9F8D	RGB 234 159 141	#EA9F8D

#5D5478 #795F8B #99699E #B173A2 #C47C9C #D7858F #EA9F8D

#5E5478 - #B173A2 - #EA9F8D

CSS codes

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

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