#9E78FF - #4C01C7 | 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 #9E78FF to #4C01C7

#9E78FF #4C01C7

Calculate the color between two colors, #9E78FF and #4C01C7. 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)

#9E78FF - #4C01C7 | 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 #9E78FF as 0% and #4C01C7 as 100%.

0.0%	0.0% #9E78FF	RGB 158 120 255	#9E78FF
16.7%	16.7% #9064F5	RGB 144 100 245	#9064F5
33.3%	33.3% #8250EC	RGB 130 80 236	#8250EC
50.0%	50.0% #753CE3	RGB 117 60 227	#753CE3
66.7%	66.7% #6728D9	RGB 103 40 217	#6728D9
83.3%	83.3% #5914D0	RGB 89 20 208	#5914D0
100.0%	100.0% #4C01C7	RGB 76 1 199	#4C01C7

#9E78FF #9064F5 #8250EC #753CE3 #6728D9 #5914D0 #4C01C7

#9E78FF - #4C01C7

HSV Blend

#9E78FF - #4C01C7 | 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 #9E78FF as 0% and #4C01C7 as 100%.

0.0%	0.0% #9E78FF	RGB 158 120 255	#9E78FF
16.7%	16.7% #8C60F5	RGB 140 96 245	#8C60F5
33.3%	33.3% #7D4AEC	RGB 125 74 236	#7D4AEC
50.0%	50.0% #6F35E3	RGB 111 53 227	#6F35E3
66.7%	66.7% #6222D9	RGB 98 34 217	#6222D9
83.3%	83.3% #5611D0	RGB 86 17 208	#5611D0
100.0%	100.0% #4C01C7	RGB 76 1 199	#4C01C7

#9E78FF #8C60F5 #7D4AEC #6F35E3 #6222D9 #5611D0 #4C01C7

#9E78FF - #6F35E3 - #4C01C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E78FF 0%, #6F35E3 50%, #4C01C7 100%);
    background: -webkit-linear-gradient(top, #9E78FF 0%, #6F35E3 50%, #4C01C7 100%);
    background: linear-gradient(to bottom, #9E78FF 0%, #6F35E3 50%, #4C01C7 100%);
}
</style>