#8C5E99 - #3A1746 | 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 #8C5E99 to #3A1746

#8C5E99 #3A1746

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

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

0.0%	0.0% #8C5E99	RGB 140 94 153	#8C5E99
16.7%	16.7% #7E528B	RGB 126 82 139	#7E528B
33.3%	33.3% #70467D	RGB 112 70 125	#70467D
50.0%	50.0% #633A6F	RGB 99 58 111	#633A6F
66.7%	66.7% #552E61	RGB 85 46 97	#552E61
83.3%	83.3% #472253	RGB 71 34 83	#472253
100.0%	100.0% #3A1746	RGB 58 23 70	#3A1746

#8C5E99 #7E528B #70467D #633A6F #552E61 #472253 #3A1746

#8C5E99 - #3A1746

HSV Blend

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

0.0%	0.0% #8C5E99	RGB 140 94 153	#8C5E99
16.7%	16.7% #7D4E8B	RGB 125 78 139	#7D4E8B
33.3%	33.3% #6F417D	RGB 111 65 125	#6F417D
50.0%	50.0% #61346F	RGB 97 52 111	#61346F
66.7%	66.7% #532961	RGB 83 41 97	#532961
83.3%	83.3% #461F53	RGB 70 31 83	#461F53
100.0%	100.0% #3A1746	RGB 58 23 70	#3A1746

#8C5E99 #7D4E8B #6F417D #61346F #532961 #461F53 #3A1746

#8C5E99 - #61346F - #3A1746

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E99 0%, #61346F 50%, #3A1746 100%);
    background: -webkit-linear-gradient(top, #8C5E99 0%, #61346F 50%, #3A1746 100%);
    background: linear-gradient(to bottom, #8C5E99 0%, #61346F 50%, #3A1746 100%);
}
</style>