#8A8EDC - #3B2DAC | 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 #8A8EDC to #3B2DAC

#8A8EDC #3B2DAC

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

#8A8EDC - #3B2DAC | 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 #8A8EDC as 0% and #3B2DAC as 100%.

0.0%	0.0% #8A8EDC	RGB 138 142 220	#8A8EDC
16.7%	16.7% #7C7DD4	RGB 124 125 212	#7C7DD4
33.3%	33.3% #6F6DCC	RGB 111 109 204	#6F6DCC
50.0%	50.0% #625DC4	RGB 98 93 196	#625DC4
66.7%	66.7% #554DBC	RGB 85 77 188	#554DBC
83.3%	83.3% #483DB4	RGB 72 61 180	#483DB4
100.0%	100.0% #3B2DAC	RGB 59 45 172	#3B2DAC

#8A8EDC #7C7DD4 #6F6DCC #625DC4 #554DBC #483DB4 #3B2DAC

#8A8EDC - #3B2DAC

HSV Blend

#8A8EDC - #3B2DAC | 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 #8A8EDC as 0% and #3B2DAC as 100%.

0.0%	0.0% #8A8DDC	RGB 138 141 220	#8A8DDC
16.7%	16.7% #787AD4	RGB 120 122 212	#787AD4
33.3%	33.3% #6767CC	RGB 103 103 204	#6767CC
50.0%	50.0% #5A57C4	RGB 90 87 196	#5A57C4
66.7%	66.7% #4E48BC	RGB 78 72 188	#4E48BC
83.3%	83.3% #443AB4	RGB 68 58 180	#443AB4
100.0%	100.0% #3B2DAC	RGB 59 45 172	#3B2DAC

#8A8DDC #787AD4 #6767CC #5A57C4 #4E48BC #443AB4 #3B2DAC

#8A8EDC - #5A57C4 - #3B2DAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8DDC 0%, #5A57C4 50%, #3B2DAC 100%);
    background: -webkit-linear-gradient(top, #8A8DDC 0%, #5A57C4 50%, #3B2DAC 100%);
    background: linear-gradient(to bottom, #8A8DDC 0%, #5A57C4 50%, #3B2DAC 100%);
}
</style>