#5E5A8A - #EBA8A1 | 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 #5E5A8A to #EBA8A1

#5E5A8A #EBA8A1

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

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #75678D	RGB 117 103 141	#75678D
33.3%	33.3% #8D7491	RGB 141 116 145	#8D7491
50.0%	50.0% #A48195	RGB 164 129 149	#A48195
66.7%	66.7% #BC8E99	RGB 188 142 153	#BC8E99
83.3%	83.3% #D39B9D	RGB 211 155 157	#D39B9D
100.0%	100.0% #EBA8A1	RGB 235 168 161	#EBA8A1

#5E5A8A #75678D #8D7491 #A48195 #BC8E99 #D39B9D #EBA8A1

#5E5A8A - #EBA8A1

HSV Blend

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #7B659A	RGB 123 101 154	#7B659A
33.3%	33.3% #9C70AA	RGB 156 112 170	#9C70AA
50.0%	50.0% #BA7CB5	RGB 186 124 181	#BA7CB5
66.7%	66.7% #CA88AE	RGB 202 136 174	#CA88AE
83.3%	83.3% #DA94A5	RGB 218 148 165	#DA94A5
100.0%	100.0% #EBA8A1	RGB 235 168 161	#EBA8A1

#5E5A8A #7B659A #9C70AA #BA7CB5 #CA88AE #DA94A5 #EBA8A1

#5E5A8A - #BA7CB5 - #EBA8A1

CSS codes

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

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