#8F5E8D - #4D233D | 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 #8F5E8D to #4D233D

#8F5E8D #4D233D

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

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

0.0%	0.0% #8F5E8D	RGB 143 94 141	#8F5E8D
16.7%	16.7% #84547F	RGB 132 84 127	#84547F
33.3%	33.3% #794A72	RGB 121 74 114	#794A72
50.0%	50.0% #6E4065	RGB 110 64 101	#6E4065
66.7%	66.7% #633657	RGB 99 54 87	#633657
83.3%	83.3% #582C4A	RGB 88 44 74	#582C4A
100.0%	100.0% #4D233D	RGB 77 35 61	#4D233D

#8F5E8D #84547F #794A72 #6E4065 #633657 #582C4A #4D233D

#8F5E8D - #4D233D

HSV Blend

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

0.0%	0.0% #8F5E8D	RGB 143 94 141	#8F5E8D
16.7%	16.7% #84527F	RGB 132 82 127	#84527F
33.3%	33.3% #794771	RGB 121 71 113	#794771
50.0%	50.0% #6E3D63	RGB 110 61 99	#6E3D63
66.7%	66.7% #633356	RGB 99 51 86	#633356
83.3%	83.3% #582A49	RGB 88 42 73	#582A49
100.0%	100.0% #4D233D	RGB 77 35 61	#4D233D

#8F5E8D #84527F #794771 #6E3D63 #633356 #582A49 #4D233D

#8F5E8D - #6E3D63 - #4D233D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E8D 0%, #6E3D63 50%, #4D233D 100%);
    background: -webkit-linear-gradient(top, #8F5E8D 0%, #6E3D63 50%, #4D233D 100%);
    background: linear-gradient(to bottom, #8F5E8D 0%, #6E3D63 50%, #4D233D 100%);
}
</style>