#5E2BC4 - #A63CFE | 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 #5E2BC4 to #A63CFE

#5E2BC4 #A63CFE

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

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

0.0%	0.0% #5E2BC4	RGB 94 43 196	#5E2BC4
16.7%	16.7% #6A2DCD	RGB 106 45 205	#6A2DCD
33.3%	33.3% #7630D7	RGB 118 48 215	#7630D7
50.0%	50.0% #8233E1	RGB 130 51 225	#8233E1
66.7%	66.7% #8E36EA	RGB 142 54 234	#8E36EA
83.3%	83.3% #9A39F4	RGB 154 57 244	#9A39F4
100.0%	100.0% #A63CFE	RGB 166 60 254	#A63CFE

#5E2BC4 #6A2DCD #7630D7 #8233E1 #8E36EA #9A39F4 #A63CFE

#5E2BC4 - #A63CFE

HSV Blend

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

0.0%	0.0% #5E2BC4	RGB 94 43 196	#5E2BC4
16.7%	16.7% #682DCD	RGB 104 45 205	#682DCD
33.3%	33.3% #7330D7	RGB 115 48 215	#7330D7
50.0%	50.0% #7F33E1	RGB 127 51 225	#7F33E1
66.7%	66.7% #8B36EA	RGB 139 54 234	#8B36EA
83.3%	83.3% #9839F4	RGB 152 57 244	#9839F4
100.0%	100.0% #A63CFE	RGB 166 60 254	#A63CFE

#5E2BC4 #682DCD #7330D7 #7F33E1 #8B36EA #9839F4 #A63CFE

#5E2BC4 - #7F33E1 - #A63CFE

CSS codes

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

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