#5B5A8C - #E9A9A5 | 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 #5B5A8C to #E9A9A5

#5B5A8C #E9A9A5

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

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

0.0%	0.0% #5B5A8C	RGB 91 90 140	#5B5A8C
16.7%	16.7% #726790	RGB 114 103 144	#726790
33.3%	33.3% #8A7494	RGB 138 116 148	#8A7494
50.0%	50.0% #A28198	RGB 162 129 152	#A28198
66.7%	66.7% #B98E9C	RGB 185 142 156	#B98E9C
83.3%	83.3% #D19BA0	RGB 209 155 160	#D19BA0
100.0%	100.0% #E9A9A5	RGB 233 169 165	#E9A9A5

#5B5A8C #726790 #8A7494 #A28198 #B98E9C #D19BA0 #E9A9A5

#5B5A8C - #E9A9A5

HSV Blend

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

0.0%	0.0% #5B5A8C	RGB 91 90 140	#5B5A8C
16.7%	16.7% #79659B	RGB 121 101 155	#79659B
33.3%	33.3% #9971AB	RGB 153 113 171	#9971AB
50.0%	50.0% #BA7DB8	RGB 186 125 184	#BA7DB8
66.7%	66.7% #CA8AB1	RGB 202 138 177	#CA8AB1
83.3%	83.3% #D997AA	RGB 217 151 170	#D997AA
100.0%	100.0% #E9A9A5	RGB 233 169 165	#E9A9A5

#5B5A8C #79659B #9971AB #BA7DB8 #CA8AB1 #D997AA #E9A9A5

#5B5A8C - #BA7DB8 - #E9A9A5

CSS codes

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

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