#5E5475 - #EB9F8A | 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 #5E5475 to #EB9F8A

#5E5475 #EB9F8A

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

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

0.0%	0.0% #5E5475	RGB 94 84 117	#5E5475
16.7%	16.7% #756078	RGB 117 96 120	#756078
33.3%	33.3% #8D6D7C	RGB 141 109 124	#8D6D7C
50.0%	50.0% #A4797F	RGB 164 121 127	#A4797F
66.7%	66.7% #BC8683	RGB 188 134 131	#BC8683
83.3%	83.3% #D39286	RGB 211 146 134	#D39286
100.0%	100.0% #EB9F8A	RGB 235 159 138	#EB9F8A

#5E5475 #756078 #8D6D7C #A4797F #BC8683 #D39286 #EB9F8A

#5E5475 - #EB9F8A

HSV Blend

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

0.0%	0.0% #5E5475	RGB 94 84 117	#5E5475
16.7%	16.7% #785F88	RGB 120 95 136	#785F88
33.3%	33.3% #99699C	RGB 153 105 156	#99699C
50.0%	50.0% #B072A0	RGB 176 114 160	#B072A0
66.7%	66.7% #C37B99	RGB 195 123 153	#C37B99
83.3%	83.3% #D7838B	RGB 215 131 139	#D7838B
100.0%	100.0% #EB9F8A	RGB 235 159 138	#EB9F8A

#5E5475 #785F88 #99699C #B072A0 #C37B99 #D7838B #EB9F8A

#5E5475 - #B072A0 - #EB9F8A

CSS codes

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

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