#9968EB - #4700A6 | 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 #9968EB to #4700A6

#9968EB #4700A6

Calculate the color between two colors, #9968EB and #4700A6. 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)

#9968EB - #4700A6 | 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 #9968EB as 0% and #4700A6 as 100%.

0.0%	0.0% #9968EB	RGB 153 104 235	#9968EB
16.7%	16.7% #8B56DF	RGB 139 86 223	#8B56DF
33.3%	33.3% #7D45D4	RGB 125 69 212	#7D45D4
50.0%	50.0% #7034C8	RGB 112 52 200	#7034C8
66.7%	66.7% #6222BD	RGB 98 34 189	#6222BD
83.3%	83.3% #5411B1	RGB 84 17 177	#5411B1
100.0%	100.0% #4700A6	RGB 71 0 166	#4700A6

#9968EB #8B56DF #7D45D4 #7034C8 #6222BD #5411B1 #4700A6

#9968EB - #4700A6

HSV Blend

#9968EB - #4700A6 | 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 #9968EB as 0% and #4700A6 as 100%.

0.0%	0.0% #9868EB	RGB 152 104 235	#9868EB
16.7%	16.7% #8852DF	RGB 136 82 223	#8852DF
33.3%	33.3% #793ED4	RGB 121 62 212	#793ED4
50.0%	50.0% #6A2CC8	RGB 106 44 200	#6A2CC8
66.7%	66.7% #5D1BBD	RGB 93 27 189	#5D1BBD
83.3%	83.3% #510DB1	RGB 81 13 177	#510DB1
100.0%	100.0% #4700A6	RGB 71 0 166	#4700A6

#9868EB #8852DF #793ED4 #6A2CC8 #5D1BBD #510DB1 #4700A6

#9968EB - #6A2CC8 - #4700A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9868EB 0%, #6A2CC8 50%, #4700A6 100%);
    background: -webkit-linear-gradient(top, #9868EB 0%, #6A2CC8 50%, #4700A6 100%);
    background: linear-gradient(to bottom, #9868EB 0%, #6A2CC8 50%, #4700A6 100%);
}
</style>