#8C7FD9 - #491A8F | 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 #8C7FD9 to #491A8F

#8C7FD9 #491A8F

Calculate the color between two colors, #8C7FD9 and #491A8F. 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)

#8C7FD9 - #491A8F | 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 #8C7FD9 as 0% and #491A8F as 100%.

0.0%	0.0% #8C7FD9	RGB 140 127 217	#8C7FD9
16.7%	16.7% #806ECC	RGB 128 110 204	#806ECC
33.3%	33.3% #755DC0	RGB 117 93 192	#755DC0
50.0%	50.0% #6A4CB4	RGB 106 76 180	#6A4CB4
66.7%	66.7% #5F3BA7	RGB 95 59 167	#5F3BA7
83.3%	83.3% #542A9B	RGB 84 42 155	#542A9B
100.0%	100.0% #491A8F	RGB 73 26 143	#491A8F

#8C7FD9 #806ECC #755DC0 #6A4CB4 #5F3BA7 #542A9B #491A8F

#8C7FD9 - #491A8F

HSV Blend

#8C7FD9 - #491A8F | 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 #8C7FD9 as 0% and #491A8F as 100%.

0.0%	0.0% #8C7FD9	RGB 140 127 217	#8C7FD9
16.7%	16.7% #7C6ACC	RGB 124 106 204	#7C6ACC
33.3%	33.3% #6F56C0	RGB 111 86 192	#6F56C0
50.0%	50.0% #6345B4	RGB 99 69 180	#6345B4
66.7%	66.7% #5935A7	RGB 89 53 167	#5935A7
83.3%	83.3% #50269B	RGB 80 38 155	#50269B
100.0%	100.0% #491A8F	RGB 73 26 143	#491A8F

#8C7FD9 #7C6ACC #6F56C0 #6345B4 #5935A7 #50269B #491A8F

#8C7FD9 - #6345B4 - #491A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7FD9 0%, #6345B4 50%, #491A8F 100%);
    background: -webkit-linear-gradient(top, #8C7FD9 0%, #6345B4 50%, #491A8F 100%);
    background: linear-gradient(to bottom, #8C7FD9 0%, #6345B4 50%, #491A8F 100%);
}
</style>