#493E5E - #9364CE | 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 #493E5E to #9364CE

#493E5E #9364CE

Calculate the color between two colors, #493E5E and #9364CE. 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)

#493E5E - #9364CE | 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 #493E5E as 0% and #9364CE as 100%.

0.0%	0.0% #493E5E	RGB 73 62 94	#493E5E
16.7%	16.7% #554470	RGB 85 68 112	#554470
33.3%	33.3% #614A83	RGB 97 74 131	#614A83
50.0%	50.0% #6E5196	RGB 110 81 150	#6E5196
66.7%	66.7% #7A57A8	RGB 122 87 168	#7A57A8
83.3%	83.3% #865DBB	RGB 134 93 187	#865DBB
100.0%	100.0% #9364CE	RGB 147 100 206	#9364CE

#493E5E #554470 #614A83 #6E5196 #7A57A8 #865DBB #9364CE

#493E5E - #9364CE

HSV Blend

#493E5E - #9364CE | 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 #493E5E as 0% and #9364CE as 100%.

0.0%	0.0% #493E5E	RGB 73 62 94	#493E5E
16.7%	16.7% #564770	RGB 86 71 112	#564770
33.3%	33.3% #624F83	RGB 98 79 131	#624F83
50.0%	50.0% #6F5596	RGB 111 85 150	#6F5596
66.7%	66.7% #7B5BA8	RGB 123 91 168	#7B5BA8
83.3%	83.3% #8760BB	RGB 135 96 187	#8760BB
100.0%	100.0% #9364CE	RGB 147 100 206	#9364CE

#493E5E #564770 #624F83 #6F5596 #7B5BA8 #8760BB #9364CE

#493E5E - #6F5596 - #9364CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493E5E 0%, #6F5596 50%, #9364CE 100%);
    background: -webkit-linear-gradient(top, #493E5E 0%, #6F5596 50%, #9364CE 100%);
    background: linear-gradient(to bottom, #493E5E 0%, #6F5596 50%, #9364CE 100%);
}
</style>