#5E599A - #E5AAB1 | 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 #5E599A to #E5AAB1

#5E599A #E5AAB1

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

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

0.0%	0.0% #5E599A	RGB 94 89 154	#5E599A
16.7%	16.7% #74669D	RGB 116 102 157	#74669D
33.3%	33.3% #8B74A1	RGB 139 116 161	#8B74A1
50.0%	50.0% #A181A5	RGB 161 129 165	#A181A5
66.7%	66.7% #B88FA9	RGB 184 143 169	#B88FA9
83.3%	83.3% #CE9CAD	RGB 206 156 173	#CE9CAD
100.0%	100.0% #E5AAB1	RGB 229 170 177	#E5AAB1

#5E599A #74669D #8B74A1 #A181A5 #B88FA9 #CE9CAD #E5AAB1

#5E599A - #E5AAB1

HSV Blend

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

0.0%	0.0% #5E599A	RGB 94 89 154	#5E599A
16.7%	16.7% #7D64A6	RGB 125 100 166	#7D64A6
33.3%	33.3% #9D71B3	RGB 157 113 179	#9D71B3
50.0%	50.0% #BE7EBF	RGB 190 126 191	#BE7EBF
66.7%	66.7% #CC8CBA	RGB 204 140 186	#CC8CBA
83.3%	83.3% #D89AB4	RGB 216 154 180	#D89AB4
100.0%	100.0% #E5AAB1	RGB 229 170 177	#E5AAB1

#5E599A #7D64A6 #9D71B3 #BE7EBF #CC8CBA #D89AB4 #E5AAB1

#5E599A - #BE7EBF - #E5AAB1

CSS codes

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

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