#5E4F83 - #E49C99 | 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 #5E4F83 to #E49C99

#5E4F83 #E49C99

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

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

0.0%	0.0% #5E4F83	RGB 94 79 131	#5E4F83
16.7%	16.7% #745B86	RGB 116 91 134	#745B86
33.3%	33.3% #8A688A	RGB 138 104 138	#8A688A
50.0%	50.0% #A1758E	RGB 161 117 142	#A1758E
66.7%	66.7% #B78291	RGB 183 130 145	#B78291
83.3%	83.3% #CD8F95	RGB 205 143 149	#CD8F95
100.0%	100.0% #E49C99	RGB 228 156 153	#E49C99

#5E4F83 #745B86 #8A688A #A1758E #B78291 #CD8F95 #E49C99

#5E4F83 - #E49C99

HSV Blend

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

0.0%	0.0% #5D4F83	RGB 93 79 131	#5D4F83
16.7%	16.7% #7B5A93	RGB 123 90 147	#7B5A93
33.3%	33.3% #9B66A3	RGB 155 102 163	#9B66A3
50.0%	50.0% #B372A8	RGB 179 114 168	#B372A8
66.7%	66.7% #C37EA4	RGB 195 126 164	#C37EA4
83.3%	83.3% #D38B9D	RGB 211 139 157	#D38B9D
100.0%	100.0% #E49C99	RGB 228 156 153	#E49C99

#5D4F83 #7B5A93 #9B66A3 #B372A8 #C37EA4 #D38B9D #E49C99

#5E4F83 - #B372A8 - #E49C99

CSS codes

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

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