#5E5684 - #E9A39B | 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 #5E5684 to #E9A39B

#5E5684 #E9A39B

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

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

0.0%	0.0% #5E5684	RGB 94 86 132	#5E5684
16.7%	16.7% #756287	RGB 117 98 135	#756287
33.3%	33.3% #8C6F8B	RGB 140 111 139	#8C6F8B
50.0%	50.0% #A37C8F	RGB 163 124 143	#A37C8F
66.7%	66.7% #BA8993	RGB 186 137 147	#BA8993
83.3%	83.3% #D19697	RGB 209 150 151	#D19697
100.0%	100.0% #E9A39B	RGB 233 163 155	#E9A39B

#5E5684 #756287 #8C6F8B #A37C8F #BA8993 #D19697 #E9A39B

#5E5684 - #E9A39B

HSV Blend

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

0.0%	0.0% #5E5684	RGB 94 86 132	#5E5684
16.7%	16.7% #7A6194	RGB 122 97 148	#7A6194
33.3%	33.3% #9B6CA5	RGB 155 108 165	#9B6CA5
50.0%	50.0% #B678AD	RGB 182 120 173	#B678AD
66.7%	66.7% #C783A8	RGB 199 131 168	#C783A8
83.3%	83.3% #D88F9F	RGB 216 143 159	#D88F9F
100.0%	100.0% #E9A39B	RGB 233 163 155	#E9A39B

#5E5684 #7A6194 #9B6CA5 #B678AD #C783A8 #D88F9F #E9A39B

#5E5684 - #B678AD - #E9A39B

CSS codes

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

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