#8663E7 - #3E009C | 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 #8663E7 to #3E009C

#8663E7 #3E009C

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

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

0.0%	0.0% #8663E7	RGB 134 99 231	#8663E7
16.7%	16.7% #7A52DA	RGB 122 82 218	#7A52DA
33.3%	33.3% #6E42CE	RGB 110 66 206	#6E42CE
50.0%	50.0% #6231C1	RGB 98 49 193	#6231C1
66.7%	66.7% #5621B5	RGB 86 33 181	#5621B5
83.3%	83.3% #4A10A8	RGB 74 16 168	#4A10A8
100.0%	100.0% #3E009C	RGB 62 0 156	#3E009C

#8663E7 #7A52DA #6E42CE #6231C1 #5621B5 #4A10A8 #3E009C

#8663E7 - #3E009C

HSV Blend

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

0.0%	0.0% #8663E7	RGB 134 99 231	#8663E7
16.7%	16.7% #764EDA	RGB 118 78 218	#764EDA
33.3%	33.3% #683ACE	RGB 104 58 206	#683ACE
50.0%	50.0% #5B29C1	RGB 91 41 193	#5B29C1
66.7%	66.7% #5019B5	RGB 80 25 181	#5019B5
83.3%	83.3% #460CA8	RGB 70 12 168	#460CA8
100.0%	100.0% #3E009C	RGB 62 0 156	#3E009C

#8663E7 #764EDA #683ACE #5B29C1 #5019B5 #460CA8 #3E009C

#8663E7 - #5B29C1 - #3E009C

CSS codes

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

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