#5E5B98 - #E7ABAF | 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 #5E5B98 to #E7ABAF

#5E5B98 #E7ABAF

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

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

0.0%	0.0% #5E5B98	RGB 94 91 152	#5E5B98
16.7%	16.7% #74689B	RGB 116 104 155	#74689B
33.3%	33.3% #8B759F	RGB 139 117 159	#8B759F
50.0%	50.0% #A283A3	RGB 162 131 163	#A283A3
66.7%	66.7% #B990A7	RGB 185 144 167	#B990A7
83.3%	83.3% #D09DAB	RGB 208 157 171	#D09DAB
100.0%	100.0% #E7ABAF	RGB 231 171 175	#E7ABAF

#5E5B98 #74689B #8B759F #A283A3 #B990A7 #D09DAB #E7ABAF

#5E5B98 - #E7ABAF

HSV Blend

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

0.0%	0.0% #5E5B98	RGB 94 91 152	#5E5B98
16.7%	16.7% #7D66A5	RGB 125 102 165	#7D66A5
33.3%	33.3% #9D73B2	RGB 157 115 178	#9D73B2
50.0%	50.0% #BE80BF	RGB 190 128 191	#BE80BF
66.7%	66.7% #CC8DB9	RGB 204 141 185	#CC8DB9
83.3%	83.3% #D99CB3	RGB 217 156 179	#D99CB3
100.0%	100.0% #E7ABAF	RGB 231 171 175	#E7ABAF

#5E5B98 #7D66A5 #9D73B2 #BE80BF #CC8DB9 #D99CB3 #E7ABAF

#5E5B98 - #BE80BF - #E7ABAF

CSS codes

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

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