#9F79FF - #4D02C7 | 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 #9F79FF to #4D02C7

#9F79FF #4D02C7

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

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

0.0%	0.0% #9F79FF	RGB 159 121 255	#9F79FF
16.7%	16.7% #9165F5	RGB 145 101 245	#9165F5
33.3%	33.3% #8351EC	RGB 131 81 236	#8351EC
50.0%	50.0% #763DE3	RGB 118 61 227	#763DE3
66.7%	66.7% #6829D9	RGB 104 41 217	#6829D9
83.3%	83.3% #5A15D0	RGB 90 21 208	#5A15D0
100.0%	100.0% #4D02C7	RGB 77 2 199	#4D02C7

#9F79FF #9165F5 #8351EC #763DE3 #6829D9 #5A15D0 #4D02C7

#9F79FF - #4D02C7

HSV Blend

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

0.0%	0.0% #9F79FF	RGB 159 121 255	#9F79FF
16.7%	16.7% #8D61F5	RGB 141 97 245	#8D61F5
33.3%	33.3% #7E4BEC	RGB 126 75 236	#7E4BEC
50.0%	50.0% #7036E3	RGB 112 54 227	#7036E3
66.7%	66.7% #6323D9	RGB 99 35 217	#6323D9
83.3%	83.3% #5712D0	RGB 87 18 208	#5712D0
100.0%	100.0% #4D02C7	RGB 77 2 199	#4D02C7

#9F79FF #8D61F5 #7E4BEC #7036E3 #6323D9 #5712D0 #4D02C7

#9F79FF - #7036E3 - #4D02C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F79FF 0%, #7036E3 50%, #4D02C7 100%);
    background: -webkit-linear-gradient(top, #9F79FF 0%, #7036E3 50%, #4D02C7 100%);
    background: linear-gradient(to bottom, #9F79FF 0%, #7036E3 50%, #4D02C7 100%);
}
</style>