#5E5698 - #E4A6AF | 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 #5E5698 to #E4A6AF

#5E5698 #E4A6AF

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

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

0.0%	0.0% #5E5698	RGB 94 86 152	#5E5698
16.7%	16.7% #74639B	RGB 116 99 155	#74639B
33.3%	33.3% #8A709F	RGB 138 112 159	#8A709F
50.0%	50.0% #A17EA3	RGB 161 126 163	#A17EA3
66.7%	66.7% #B78BA7	RGB 183 139 167	#B78BA7
83.3%	83.3% #CD98AB	RGB 205 152 171	#CD98AB
100.0%	100.0% #E4A6AF	RGB 228 166 175	#E4A6AF

#5E5698 #74639B #8A709F #A17EA3 #B78BA7 #CD98AB #E4A6AF

#5E5698 - #E4A6AF

HSV Blend

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

0.0%	0.0% #5D5698	RGB 93 86 152	#5D5698
16.7%	16.7% #7D61A4	RGB 125 97 164	#7D61A4
33.3%	33.3% #9D6DB1	RGB 157 109 177	#9D6DB1
50.0%	50.0% #BD7ABE	RGB 189 122 190	#BD7ABE
66.7%	66.7% #CA88B8	RGB 202 136 184	#CA88B8
83.3%	83.3% #D796B2	RGB 215 150 178	#D796B2
100.0%	100.0% #E4A6AF	RGB 228 166 175	#E4A6AF

#5D5698 #7D61A4 #9D6DB1 #BD7ABE #CA88B8 #D796B2 #E4A6AF

#5E5698 - #BD7ABE - #E4A6AF

CSS codes

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

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