#5E4C84 - #E2999A | 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 #5E4C84 to #E2999A

#5E4C84 #E2999A

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

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

0.0%	0.0% #5E4C84	RGB 94 76 132	#5E4C84
16.7%	16.7% #745887	RGB 116 88 135	#745887
33.3%	33.3% #8A658B	RGB 138 101 139	#8A658B
50.0%	50.0% #A0728F	RGB 160 114 143	#A0728F
66.7%	66.7% #B67F92	RGB 182 127 146	#B67F92
83.3%	83.3% #CC8C96	RGB 204 140 150	#CC8C96
100.0%	100.0% #E2999A	RGB 226 153 154	#E2999A

#5E4C84 #745887 #8A658B #A0728F #B67F92 #CC8C96 #E2999A

#5E4C84 - #E2999A

HSV Blend

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

0.0%	0.0% #5E4C84	RGB 94 76 132	#5E4C84
16.7%	16.7% #7B5793	RGB 123 87 147	#7B5793
33.3%	33.3% #9B63A3	RGB 155 99 163	#9B63A3
50.0%	50.0% #B370A8	RGB 179 112 168	#B370A8
66.7%	66.7% #C27DA4	RGB 194 125 164	#C27DA4
83.3%	83.3% #D28A9F	RGB 210 138 159	#D28A9F
100.0%	100.0% #E2999A	RGB 226 153 154	#E2999A

#5E4C84 #7B5793 #9B63A3 #B370A8 #C27DA4 #D28A9F #E2999A

#5E4C84 - #B370A8 - #E2999A

CSS codes

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

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