#8663E6 - #3E009B | 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 #8663E6 to #3E009B

#8663E6 #3E009B

Calculate the color between two colors, #8663E6 and #3E009B. 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)

#8663E6 - #3E009B | 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 #8663E6 as 0% and #3E009B as 100%.

0.0%	0.0% #8663E6	RGB 134 99 230	#8663E6
16.7%	16.7% #7A52D9	RGB 122 82 217	#7A52D9
33.3%	33.3% #6E42CD	RGB 110 66 205	#6E42CD
50.0%	50.0% #6231C0	RGB 98 49 192	#6231C0
66.7%	66.7% #5621B4	RGB 86 33 180	#5621B4
83.3%	83.3% #4A10A7	RGB 74 16 167	#4A10A7
100.0%	100.0% #3E009B	RGB 62 0 155	#3E009B

#8663E6 #7A52D9 #6E42CD #6231C0 #5621B4 #4A10A7 #3E009B

#8663E6 - #3E009B

HSV Blend

#8663E6 - #3E009B | 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 #8663E6 as 0% and #3E009B as 100%.

0.0%	0.0% #8663E6	RGB 134 99 230	#8663E6
16.7%	16.7% #764ED9	RGB 118 78 217	#764ED9
33.3%	33.3% #683ACD	RGB 104 58 205	#683ACD
50.0%	50.0% #5B29C0	RGB 91 41 192	#5B29C0
66.7%	66.7% #5019B4	RGB 80 25 180	#5019B4
83.3%	83.3% #460CA7	RGB 70 12 167	#460CA7
100.0%	100.0% #3E009B	RGB 62 0 155	#3E009B

#8663E6 #764ED9 #683ACD #5B29C0 #5019B4 #460CA7 #3E009B

#8663E6 - #5B29C0 - #3E009B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8663E6 0%, #5B29C0 50%, #3E009B 100%);
    background: -webkit-linear-gradient(top, #8663E6 0%, #5B29C0 50%, #3E009B 100%);
    background: linear-gradient(to bottom, #8663E6 0%, #5B29C0 50%, #3E009B 100%);
}
</style>