#5E5884 - #EBA59B | 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 #5E5884 to #EBA59B

#5E5884 #EBA59B

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

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

0.0%	0.0% #5E5884	RGB 94 88 132	#5E5884
16.7%	16.7% #756487	RGB 117 100 135	#756487
33.3%	33.3% #8D718B	RGB 141 113 139	#8D718B
50.0%	50.0% #A47E8F	RGB 164 126 143	#A47E8F
66.7%	66.7% #BC8B93	RGB 188 139 147	#BC8B93
83.3%	83.3% #D39897	RGB 211 152 151	#D39897
100.0%	100.0% #EBA59B	RGB 235 165 155	#EBA59B

#5E5884 #756487 #8D718B #A47E8F #BC8B93 #D39897 #EBA59B

#5E5884 - #EBA59B

HSV Blend

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

0.0%	0.0% #5E5884	RGB 94 88 132	#5E5884
16.7%	16.7% #7A6395	RGB 122 99 149	#7A6395
33.3%	33.3% #9B6EA6	RGB 155 110 166	#9B6EA6
50.0%	50.0% #B779AF	RGB 183 121 175	#B779AF
66.7%	66.7% #C884A9	RGB 200 132 169	#C884A9
83.3%	83.3% #D98F9F	RGB 217 143 159	#D98F9F
100.0%	100.0% #EBA59B	RGB 235 165 155	#EBA59B

#5E5884 #7A6395 #9B6EA6 #B779AF #C884A9 #D98F9F #EBA59B

#5E5884 - #B779AF - #EBA59B

CSS codes

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

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