#4E3E5E - #705DD7 | 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 #4E3E5E to #705DD7

#4E3E5E #705DD7

Calculate the color between two colors, #4E3E5E and #705DD7. 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)

#4E3E5E - #705DD7 | 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 #4E3E5E as 0% and #705DD7 as 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #534372	RGB 83 67 114	#534372
33.3%	33.3% #594886	RGB 89 72 134	#594886
50.0%	50.0% #5F4D9A	RGB 95 77 154	#5F4D9A
66.7%	66.7% #6452AE	RGB 100 82 174	#6452AE
83.3%	83.3% #6A57C2	RGB 106 87 194	#6A57C2
100.0%	100.0% #705DD7	RGB 112 93 215	#705DD7

#4E3E5E #534372 #594886 #5F4D9A #6452AE #6A57C2 #705DD7

#4E3E5E - #705DD7

HSV Blend

#4E3E5E - #705DD7 | 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 #4E3E5E as 0% and #705DD7 as 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #5A4672	RGB 90 70 114	#5A4672
33.3%	33.3% #634E86	RGB 99 78 134	#634E86
50.0%	50.0% #6B549A	RGB 107 84 154	#6B549A
66.7%	66.7% #7058AE	RGB 112 88 174	#7058AE
83.3%	83.3% #715BC2	RGB 113 91 194	#715BC2
100.0%	100.0% #705DD7	RGB 112 93 215	#705DD7

#4E3E5E #5A4672 #634E86 #6B549A #7058AE #715BC2 #705DD7

#4E3E5E - #6B549A - #705DD7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #6B549A 50%, #705DD7 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #6B549A 50%, #705DD7 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #6B549A 50%, #705DD7 100%);
}
</style>