#9F7AFF - #4D03C7 | 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 #9F7AFF to #4D03C7

#9F7AFF #4D03C7

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

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

0.0%	0.0% #9F7AFF	RGB 159 122 255	#9F7AFF
16.7%	16.7% #9166F5	RGB 145 102 245	#9166F5
33.3%	33.3% #8352EC	RGB 131 82 236	#8352EC
50.0%	50.0% #763EE3	RGB 118 62 227	#763EE3
66.7%	66.7% #682AD9	RGB 104 42 217	#682AD9
83.3%	83.3% #5A16D0	RGB 90 22 208	#5A16D0
100.0%	100.0% #4D03C7	RGB 77 3 199	#4D03C7

#9F7AFF #9166F5 #8352EC #763EE3 #682AD9 #5A16D0 #4D03C7

#9F7AFF - #4D03C7

HSV Blend

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

0.0%	0.0% #9F7AFF	RGB 159 122 255	#9F7AFF
16.7%	16.7% #8D62F5	RGB 141 98 245	#8D62F5
33.3%	33.3% #7E4CEC	RGB 126 76 236	#7E4CEC
50.0%	50.0% #7038E3	RGB 112 56 227	#7038E3
66.7%	66.7% #6324D9	RGB 99 36 217	#6324D9
83.3%	83.3% #5713D0	RGB 87 19 208	#5713D0
100.0%	100.0% #4D03C7	RGB 77 3 199	#4D03C7

#9F7AFF #8D62F5 #7E4CEC #7038E3 #6324D9 #5713D0 #4D03C7

#9F7AFF - #7038E3 - #4D03C7

CSS codes

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

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