#5E598B - #EAA8A2 | 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 #5E598B to #EAA8A2

#5E598B #EAA8A2

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

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

0.0%	0.0% #5E598B	RGB 94 89 139	#5E598B
16.7%	16.7% #75668E	RGB 117 102 142	#75668E
33.3%	33.3% #8C7392	RGB 140 115 146	#8C7392
50.0%	50.0% #A48096	RGB 164 128 150	#A48096
66.7%	66.7% #BB8D9A	RGB 187 141 154	#BB8D9A
83.3%	83.3% #D29A9E	RGB 210 154 158	#D29A9E
100.0%	100.0% #EAA8A2	RGB 234 168 162	#EAA8A2

#5E598B #75668E #8C7392 #A48096 #BB8D9A #D29A9E #EAA8A2

#5E598B - #EAA8A2

HSV Blend

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

0.0%	0.0% #5E598B	RGB 94 89 139	#5E598B
16.7%	16.7% #7B649A	RGB 123 100 154	#7B649A
33.3%	33.3% #9C70AA	RGB 156 112 170	#9C70AA
50.0%	50.0% #BA7CB4	RGB 186 124 180	#BA7CB4
66.7%	66.7% #CA88AE	RGB 202 136 174	#CA88AE
83.3%	83.3% #DA95A6	RGB 218 149 166	#DA95A6
100.0%	100.0% #EAA8A2	RGB 234 168 162	#EAA8A2

#5E598B #7B649A #9C70AA #BA7CB4 #CA88AE #DA95A6 #EAA8A2

#5E598B - #BA7CB4 - #EAA8A2

CSS codes

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

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