#8C7EAD - #4A2C8C | 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 #8C7EAD to #4A2C8C

#8C7EAD #4A2C8C

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

#8C7EAD - #4A2C8C | 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 #8C7EAD as 0% and #4A2C8C as 100%.

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #8170A7	RGB 129 112 167	#8170A7
33.3%	33.3% #7662A2	RGB 118 98 162	#7662A2
50.0%	50.0% #6B559C	RGB 107 85 156	#6B559C
66.7%	66.7% #604797	RGB 96 71 151	#604797
83.3%	83.3% #553991	RGB 85 57 145	#553991
100.0%	100.0% #4A2C8C	RGB 74 44 140	#4A2C8C

#8C7EAD #8170A7 #7662A2 #6B559C #604797 #553991 #4A2C8C

#8C7EAD - #4A2C8C

HSV Blend

#8C7EAD - #4A2C8C | 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 #8C7EAD as 0% and #4A2C8C as 100%.

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #7F6EA7	RGB 127 110 167	#7F6EA7
33.3%	33.3% #735FA2	RGB 115 95 162	#735FA2
50.0%	50.0% #68519C	RGB 104 81 156	#68519C
66.7%	66.7% #5D4497	RGB 93 68 151	#5D4497
83.3%	83.3% #533791	RGB 83 55 145	#533791
100.0%	100.0% #4A2C8C	RGB 74 44 140	#4A2C8C

#8C7EAD #7F6EA7 #735FA2 #68519C #5D4497 #533791 #4A2C8C

#8C7EAD - #68519C - #4A2C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7EAD 0%, #68519C 50%, #4A2C8C 100%);
    background: -webkit-linear-gradient(top, #8C7EAD 0%, #68519C 50%, #4A2C8C 100%);
    background: linear-gradient(to bottom, #8C7EAD 0%, #68519C 50%, #4A2C8C 100%);
}
</style>