#993ECE - #3A007B | 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 #993ECE to #3A007B

#993ECE #3A007B

Calculate the color between two colors, #993ECE and #3A007B. 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)

#993ECE - #3A007B | 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 #993ECE as 0% and #3A007B as 100%.

0.0%	0.0% #993ECE	RGB 153 62 206	#993ECE
16.7%	16.7% #8933C0	RGB 137 51 192	#8933C0
33.3%	33.3% #7929B2	RGB 121 41 178	#7929B2
50.0%	50.0% #691FA4	RGB 105 31 164	#691FA4
66.7%	66.7% #591496	RGB 89 20 150	#591496
83.3%	83.3% #490A88	RGB 73 10 136	#490A88
100.0%	100.0% #3A007B	RGB 58 0 123	#3A007B

#993ECE #8933C0 #7929B2 #691FA4 #591496 #490A88 #3A007B

#993ECE - #3A007B

HSV Blend

#993ECE - #3A007B | 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 #993ECE as 0% and #3A007B as 100%.

0.0%	0.0% #983ECE	RGB 152 62 206	#983ECE
16.7%	16.7% #8730C0	RGB 135 48 192	#8730C0
33.3%	33.3% #7623B2	RGB 118 35 178	#7623B2
50.0%	50.0% #6518A4	RGB 101 24 164	#6518A4
66.7%	66.7% #560F96	RGB 86 15 150	#560F96
83.3%	83.3% #470688	RGB 71 6 136	#470688
100.0%	100.0% #3A007B	RGB 58 0 123	#3A007B

#983ECE #8730C0 #7623B2 #6518A4 #560F96 #470688 #3A007B

#993ECE - #6518A4 - #3A007B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #983ECE 0%, #6518A4 50%, #3A007B 100%);
    background: -webkit-linear-gradient(top, #983ECE 0%, #6518A4 50%, #3A007B 100%);
    background: linear-gradient(to bottom, #983ECE 0%, #6518A4 50%, #3A007B 100%);
}
</style>