#5E527E - #E89E94 | 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 #5E527E to #E89E94

#5E527E #E89E94

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

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

0.0%	0.0% #5E527E	RGB 94 82 126	#5E527E
16.7%	16.7% #755E81	RGB 117 94 129	#755E81
33.3%	33.3% #8C6B85	RGB 140 107 133	#8C6B85
50.0%	50.0% #A37889	RGB 163 120 137	#A37889
66.7%	66.7% #BA848C	RGB 186 132 140	#BA848C
83.3%	83.3% #D19190	RGB 209 145 144	#D19190
100.0%	100.0% #E89E94	RGB 232 158 148	#E89E94

#5E527E #755E81 #8C6B85 #A37889 #BA848C #D19190 #E89E94

#5E527E - #E89E94

HSV Blend

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

0.0%	0.0% #5E527E	RGB 94 82 126	#5E527E
16.7%	16.7% #7A5D8F	RGB 122 93 143	#7A5D8F
33.3%	33.3% #9A68A1	RGB 154 104 161	#9A68A1
50.0%	50.0% #B373A6	RGB 179 115 166	#B373A6
66.7%	66.7% #C47EA1	RGB 196 126 161	#C47EA1
83.3%	83.3% #D68997	RGB 214 137 151	#D68997
100.0%	100.0% #E89E94	RGB 232 158 148	#E89E94

#5E527E #7A5D8F #9A68A1 #B373A6 #C47EA1 #D68997 #E89E94

#5E527E - #B373A6 - #E89E94

CSS codes

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

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