#7B6BAD - #3E1857 | 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 #7B6BAD to #3E1857

#7B6BAD #3E1857

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

#7B6BAD - #3E1857 | 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 #7B6BAD as 0% and #3E1857 as 100%.

0.0%	0.0% #7B6BAD	RGB 123 107 173	#7B6BAD
16.7%	16.7% #705D9E	RGB 112 93 158	#705D9E
33.3%	33.3% #664F90	RGB 102 79 144	#664F90
50.0%	50.0% #5C4182	RGB 92 65 130	#5C4182
66.7%	66.7% #523373	RGB 82 51 115	#523373
83.3%	83.3% #482565	RGB 72 37 101	#482565
100.0%	100.0% #3E1857	RGB 62 24 87	#3E1857

#7B6BAD #705D9E #664F90 #5C4182 #523373 #482565 #3E1857

#7B6BAD - #3E1857

HSV Blend

#7B6BAD - #3E1857 | 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 #7B6BAD as 0% and #3E1857 as 100%.

0.0%	0.0% #7B6BAD	RGB 123 107 173	#7B6BAD
16.7%	16.7% #6E599E	RGB 110 89 158	#6E599E
33.3%	33.3% #624890	RGB 98 72 144	#624890
50.0%	50.0% #583A82	RGB 88 58 130	#583A82
66.7%	66.7% #4F2D73	RGB 79 45 115	#4F2D73
83.3%	83.3% #462165	RGB 70 33 101	#462165
100.0%	100.0% #3E1857	RGB 62 24 87	#3E1857

#7B6BAD #6E599E #624890 #583A82 #4F2D73 #462165 #3E1857

#7B6BAD - #583A82 - #3E1857

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B6BAD 0%, #583A82 50%, #3E1857 100%);
    background: -webkit-linear-gradient(top, #7B6BAD 0%, #583A82 50%, #3E1857 100%);
    background: linear-gradient(to bottom, #7B6BAD 0%, #583A82 50%, #3E1857 100%);
}
</style>