#9682FF - #4A0DC7 | 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 #9682FF to #4A0DC7

#9682FF #4A0DC7

Calculate the color between two colors, #9682FF and #4A0DC7. 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)

#9682FF - #4A0DC7 | 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 #9682FF as 0% and #4A0DC7 as 100%.

0.0%	0.0% #9682FF	RGB 150 130 255	#9682FF
16.7%	16.7% #896EF5	RGB 137 110 245	#896EF5
33.3%	33.3% #7C5BEC	RGB 124 91 236	#7C5BEC
50.0%	50.0% #7047E3	RGB 112 71 227	#7047E3
66.7%	66.7% #6334D9	RGB 99 52 217	#6334D9
83.3%	83.3% #5620D0	RGB 86 32 208	#5620D0
100.0%	100.0% #4A0DC7	RGB 74 13 199	#4A0DC7

#9682FF #896EF5 #7C5BEC #7047E3 #6334D9 #5620D0 #4A0DC7

#9682FF - #4A0DC7

HSV Blend

#9682FF - #4A0DC7 | 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 #9682FF as 0% and #4A0DC7 as 100%.

0.0%	0.0% #9682FF	RGB 150 130 255	#9682FF
16.7%	16.7% #856BF5	RGB 133 107 245	#856BF5
33.3%	33.3% #7655EC	RGB 118 85 236	#7655EC
50.0%	50.0% #6841E3	RGB 104 65 227	#6841E3
66.7%	66.7% #5D2ED9	RGB 93 46 217	#5D2ED9
83.3%	83.3% #521DD0	RGB 82 29 208	#521DD0
100.0%	100.0% #4A0DC7	RGB 74 13 199	#4A0DC7

#9682FF #856BF5 #7655EC #6841E3 #5D2ED9 #521DD0 #4A0DC7

#9682FF - #6841E3 - #4A0DC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9682FF 0%, #6841E3 50%, #4A0DC7 100%);
    background: -webkit-linear-gradient(top, #9682FF 0%, #6841E3 50%, #4A0DC7 100%);
    background: linear-gradient(to bottom, #9682FF 0%, #6841E3 50%, #4A0DC7 100%);
}
</style>