#8F5E82 - #3E1E3D | 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 #8F5E82 to #3E1E3D

#8F5E82 #3E1E3D

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

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

0.0%	0.0% #8F5E82	RGB 143 94 130	#8F5E82
16.7%	16.7% #815376	RGB 129 83 118	#815376
33.3%	33.3% #74486B	RGB 116 72 107	#74486B
50.0%	50.0% #663E5F	RGB 102 62 95	#663E5F
66.7%	66.7% #593354	RGB 89 51 84	#593354
83.3%	83.3% #4B2848	RGB 75 40 72	#4B2848
100.0%	100.0% #3E1E3D	RGB 62 30 61	#3E1E3D

#8F5E82 #815376 #74486B #663E5F #593354 #4B2848 #3E1E3D

#8F5E82 - #3E1E3D

HSV Blend

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

0.0%	0.0% #8F5E82	RGB 143 94 130	#8F5E82
16.7%	16.7% #815176	RGB 129 81 118	#815176
33.3%	33.3% #74456B	RGB 116 69 107	#74456B
50.0%	50.0% #663A5F	RGB 102 58 95	#663A5F
66.7%	66.7% #593054	RGB 89 48 84	#593054
83.3%	83.3% #4B2648	RGB 75 38 72	#4B2648
100.0%	100.0% #3E1E3D	RGB 62 30 61	#3E1E3D

#8F5E82 #815176 #74456B #663A5F #593054 #4B2648 #3E1E3D

#8F5E82 - #663A5F - #3E1E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E82 0%, #663A5F 50%, #3E1E3D 100%);
    background: -webkit-linear-gradient(top, #8F5E82 0%, #663A5F 50%, #3E1E3D 100%);
    background: linear-gradient(to bottom, #8F5E82 0%, #663A5F 50%, #3E1E3D 100%);
}
</style>