#4E3B5E - #AD61CB | 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 #4E3B5E to #AD61CB

#4E3B5E #AD61CB

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

#4E3B5E - #AD61CB | 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 #4E3B5E as 0% and #AD61CB as 100%.

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #5D4170	RGB 93 65 112	#5D4170
33.3%	33.3% #6D4782	RGB 109 71 130	#6D4782
50.0%	50.0% #7D4E94	RGB 125 78 148	#7D4E94
66.7%	66.7% #8D54A6	RGB 141 84 166	#8D54A6
83.3%	83.3% #9D5AB8	RGB 157 90 184	#9D5AB8
100.0%	100.0% #AD61CB	RGB 173 97 203	#AD61CB

#4E3B5E #5D4170 #6D4782 #7D4E94 #8D54A6 #9D5AB8 #AD61CB

#4E3B5E - #AD61CB

HSV Blend

#4E3B5E - #AD61CB | 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 #4E3B5E as 0% and #AD61CB as 100%.

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #5D4370	RGB 93 67 112	#5D4370
33.3%	33.3% #6C4B82	RGB 108 75 130	#6C4B82
50.0%	50.0% #7B5294	RGB 123 82 148	#7B5294
66.7%	66.7% #8B57A6	RGB 139 87 166	#8B57A6
83.3%	83.3% #9C5CB8	RGB 156 92 184	#9C5CB8
100.0%	100.0% #AD61CB	RGB 173 97 203	#AD61CB

#4E3B5E #5D4370 #6C4B82 #7B5294 #8B57A6 #9C5CB8 #AD61CB

#4E3B5E - #7B5294 - #AD61CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3B5E 0%, #7B5294 50%, #AD61CB 100%);
    background: -webkit-linear-gradient(top, #4E3B5E 0%, #7B5294 50%, #AD61CB 100%);
    background: linear-gradient(to bottom, #4E3B5E 0%, #7B5294 50%, #AD61CB 100%);
}
</style>