#8D91C7 - #3C2C7B | 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 #8D91C7 to #3C2C7B

#8D91C7 #3C2C7B

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

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

0.0%	0.0% #8D91C7	RGB 141 145 199	#8D91C7
16.7%	16.7% #7F80BA	RGB 127 128 186	#7F80BA
33.3%	33.3% #726FAD	RGB 114 111 173	#726FAD
50.0%	50.0% #645EA1	RGB 100 94 161	#645EA1
66.7%	66.7% #574D94	RGB 87 77 148	#574D94
83.3%	83.3% #493C87	RGB 73 60 135	#493C87
100.0%	100.0% #3C2C7B	RGB 60 44 123	#3C2C7B

#8D91C7 #7F80BA #726FAD #645EA1 #574D94 #493C87 #3C2C7B

#8D91C7 - #3C2C7B

HSV Blend

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

0.0%	0.0% #8D91C7	RGB 141 145 199	#8D91C7
16.7%	16.7% #797ABA	RGB 121 122 186	#797ABA
33.3%	33.3% #6866AD	RGB 104 102 173	#6866AD
50.0%	50.0% #5A55A1	RGB 90 85 161	#5A55A1
66.7%	66.7% #4F4694	RGB 79 70 148	#4F4694
83.3%	83.3% #443887	RGB 68 56 135	#443887
100.0%	100.0% #3C2C7B	RGB 60 44 123	#3C2C7B

#8D91C7 #797ABA #6866AD #5A55A1 #4F4694 #443887 #3C2C7B

#8D91C7 - #5A55A1 - #3C2C7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D91C7 0%, #5A55A1 50%, #3C2C7B 100%);
    background: -webkit-linear-gradient(top, #8D91C7 0%, #5A55A1 50%, #3C2C7B 100%);
    background: linear-gradient(to bottom, #8D91C7 0%, #5A55A1 50%, #3C2C7B 100%);
}
</style>