#5E496D - #E3917E | 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 #5E496D to #E3917E

#5E496D #E3917E

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

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

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #74556F	RGB 116 85 111	#74556F
33.3%	33.3% #8A6172	RGB 138 97 114	#8A6172
50.0%	50.0% #A06D75	RGB 160 109 117	#A06D75
66.7%	66.7% #B67978	RGB 182 121 120	#B67978
83.3%	83.3% #CC857B	RGB 204 133 123	#CC857B
100.0%	100.0% #E3917E	RGB 227 145 126	#E3917E

#5E496D #74556F #8A6172 #A06D75 #B67978 #CC857B #E3917E

#5E496D - #E3917E

HSV Blend

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

0.0%	0.0% #5E496D	RGB 94 73 109	#5E496D
16.7%	16.7% #795380	RGB 121 83 128	#795380
33.3%	33.3% #945D8D	RGB 148 93 141	#945D8D
50.0%	50.0% #A8668E	RGB 168 102 142	#A8668E
66.7%	66.7% #BB6F89	RGB 187 111 137	#BB6F89
83.3%	83.3% #CF777E	RGB 207 119 126	#CF777E
100.0%	100.0% #E3917E	RGB 227 145 126	#E3917E

#5E496D #795380 #945D8D #A8668E #BB6F89 #CF777E #E3917E

#5E496D - #A8668E - #E3917E

CSS codes

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

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