#8766DA - #40048B | 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 #8766DA to #40048B

#8766DA #40048B

Calculate the color between two colors, #8766DA and #40048B. 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)

#8766DA - #40048B | 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 #8766DA as 0% and #40048B as 100%.

0.0%	0.0% #8766DA	RGB 135 102 218	#8766DA
16.7%	16.7% #7B55CC	RGB 123 85 204	#7B55CC
33.3%	33.3% #6F45BF	RGB 111 69 191	#6F45BF
50.0%	50.0% #6335B2	RGB 99 53 178	#6335B2
66.7%	66.7% #5724A5	RGB 87 36 165	#5724A5
83.3%	83.3% #4B1498	RGB 75 20 152	#4B1498
100.0%	100.0% #40048B	RGB 64 4 139	#40048B

#8766DA #7B55CC #6F45BF #6335B2 #5724A5 #4B1498 #40048B

#8766DA - #40048B

HSV Blend

#8766DA - #40048B | 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 #8766DA as 0% and #40048B as 100%.

0.0%	0.0% #8766DA	RGB 135 102 218	#8766DA
16.7%	16.7% #7750CC	RGB 119 80 204	#7750CC
33.3%	33.3% #693DBF	RGB 105 61 191	#693DBF
50.0%	50.0% #5D2CB2	RGB 93 44 178	#5D2CB2
66.7%	66.7% #521CA5	RGB 82 28 165	#521CA5
83.3%	83.3% #480F98	RGB 72 15 152	#480F98
100.0%	100.0% #40048B	RGB 64 4 139	#40048B

#8766DA #7750CC #693DBF #5D2CB2 #521CA5 #480F98 #40048B

#8766DA - #5D2CB2 - #40048B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8766DA 0%, #5D2CB2 50%, #40048B 100%);
    background: -webkit-linear-gradient(top, #8766DA 0%, #5D2CB2 50%, #40048B 100%);
    background: linear-gradient(to bottom, #8766DA 0%, #5D2CB2 50%, #40048B 100%);
}
</style>