#5E4A82 - #E19698 | 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 #5E4A82 to #E19698

#5E4A82 #E19698

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

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

0.0%	0.0% #5E4A82	RGB 94 74 130	#5E4A82
16.7%	16.7% #735685	RGB 115 86 133	#735685
33.3%	33.3% #896389	RGB 137 99 137	#896389
50.0%	50.0% #9F708D	RGB 159 112 141	#9F708D
66.7%	66.7% #B57C90	RGB 181 124 144	#B57C90
83.3%	83.3% #CB8994	RGB 203 137 148	#CB8994
100.0%	100.0% #E19698	RGB 225 150 152	#E19698

#5E4A82 #735685 #896389 #9F708D #B57C90 #CB8994 #E19698

#5E4A82 - #E19698

HSV Blend

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

0.0%	0.0% #5D4A82	RGB 93 74 130	#5D4A82
16.7%	16.7% #7B5591	RGB 123 85 145	#7B5591
33.3%	33.3% #9A61A1	RGB 154 97 161	#9A61A1
50.0%	50.0% #B16DA6	RGB 177 109 166	#B16DA6
66.7%	66.7% #C17AA2	RGB 193 122 162	#C17AA2
83.3%	83.3% #D1889D	RGB 209 136 157	#D1889D
100.0%	100.0% #E19698	RGB 225 150 152	#E19698

#5D4A82 #7B5591 #9A61A1 #B16DA6 #C17AA2 #D1889D #E19698

#5E4A82 - #B16DA6 - #E19698

CSS codes

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

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