#5E3E85 - #9989AE | 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 #5E3E85 to #9989AE

#5E3E85 #9989AE

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

#5E3E85 - #9989AE | 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 #5E3E85 as 0% and #9989AE as 100%.

0.0%	0.0% #5E3E85	RGB 94 62 133	#5E3E85
16.7%	16.7% #674A8B	RGB 103 74 139	#674A8B
33.3%	33.3% #715792	RGB 113 87 146	#715792
50.0%	50.0% #7B6399	RGB 123 99 153	#7B6399
66.7%	66.7% #8570A0	RGB 133 112 160	#8570A0
83.3%	83.3% #8F7CA7	RGB 143 124 167	#8F7CA7
100.0%	100.0% #9989AE	RGB 153 137 174	#9989AE

#5E3E85 #674A8B #715792 #7B6399 #8570A0 #8F7CA7 #9989AE

#5E3E85 - #9989AE

HSV Blend

#5E3E85 - #9989AE | 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 #5E3E85 as 0% and #9989AE as 100%.

0.0%	0.0% #5E3E85	RGB 94 62 133	#5E3E85
16.7%	16.7% #66488B	RGB 102 72 139	#66488B
33.3%	33.3% #6F5492	RGB 111 84 146	#6F5492
50.0%	50.0% #796099	RGB 121 96 153	#796099
66.7%	66.7% #836DA0	RGB 131 109 160	#836DA0
83.3%	83.3% #8E7AA7	RGB 142 122 167	#8E7AA7
100.0%	100.0% #9989AE	RGB 153 137 174	#9989AE

#5E3E85 #66488B #6F5492 #796099 #836DA0 #8E7AA7 #9989AE

#5E3E85 - #796099 - #9989AE

CSS codes

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

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