#4A3C5E - #9460CE | 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 #4A3C5E to #9460CE

#4A3C5E #9460CE

Calculate the color between two colors, #4A3C5E and #9460CE. 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)

#4A3C5E - #9460CE | 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 #4A3C5E as 0% and #9460CE as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #564270	RGB 86 66 112	#564270
33.3%	33.3% #624883	RGB 98 72 131	#624883
50.0%	50.0% #6F4E96	RGB 111 78 150	#6F4E96
66.7%	66.7% #7B54A8	RGB 123 84 168	#7B54A8
83.3%	83.3% #875ABB	RGB 135 90 187	#875ABB
100.0%	100.0% #9460CE	RGB 148 96 206	#9460CE

#4A3C5E #564270 #624883 #6F4E96 #7B54A8 #875ABB #9460CE

#4A3C5E - #9460CE

HSV Blend

#4A3C5E - #9460CE | 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 #4A3C5E as 0% and #9460CE as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #574470	RGB 87 68 112	#574470
33.3%	33.3% #644C83	RGB 100 76 131	#644C83
50.0%	50.0% #705296	RGB 112 82 150	#705296
66.7%	66.7% #7C58A8	RGB 124 88 168	#7C58A8
83.3%	83.3% #885CBB	RGB 136 92 187	#885CBB
100.0%	100.0% #9460CE	RGB 148 96 206	#9460CE

#4A3C5E #574470 #644C83 #705296 #7C58A8 #885CBB #9460CE

#4A3C5E - #705296 - #9460CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3C5E 0%, #705296 50%, #9460CE 100%);
    background: -webkit-linear-gradient(top, #4A3C5E 0%, #705296 50%, #9460CE 100%);
    background: linear-gradient(to bottom, #4A3C5E 0%, #705296 50%, #9460CE 100%);
}
</style>