#5E5494 - #E3A4AB | 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 #5E5494 to #E3A4AB

#5E5494 #E3A4AB

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

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

0.0%	0.0% #5E5494	RGB 94 84 148	#5E5494
16.7%	16.7% #746197	RGB 116 97 151	#746197
33.3%	33.3% #8A6E9B	RGB 138 110 155	#8A6E9B
50.0%	50.0% #A07C9F	RGB 160 124 159	#A07C9F
66.7%	66.7% #B689A3	RGB 182 137 163	#B689A3
83.3%	83.3% #CC96A7	RGB 204 150 167	#CC96A7
100.0%	100.0% #E3A4AB	RGB 227 164 171	#E3A4AB

#5E5494 #746197 #8A6E9B #A07C9F #B689A3 #CC96A7 #E3A4AB

#5E5494 - #E3A4AB

HSV Blend

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

0.0%	0.0% #5D5494	RGB 93 84 148	#5D5494
16.7%	16.7% #7C5FA1	RGB 124 95 161	#7C5FA1
33.3%	33.3% #9C6BAE	RGB 156 107 174	#9C6BAE
50.0%	50.0% #BB78B9	RGB 187 120 185	#BB78B9
66.7%	66.7% #C886B4	RGB 200 134 180	#C886B4
83.3%	83.3% #D594AE	RGB 213 148 174	#D594AE
100.0%	100.0% #E3A4AB	RGB 227 164 171	#E3A4AB

#5D5494 #7C5FA1 #9C6BAE #BB78B9 #C886B4 #D594AE #E3A4AB

#5E5494 - #BB78B9 - #E3A4AB

CSS codes

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

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