#8F5E7C - #3D1A3C | 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 #8F5E7C to #3D1A3C

#8F5E7C #3D1A3C

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

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

0.0%	0.0% #8F5E7C	RGB 143 94 124	#8F5E7C
16.7%	16.7% #815271	RGB 129 82 113	#815271
33.3%	33.3% #734766	RGB 115 71 102	#734766
50.0%	50.0% #663C5C	RGB 102 60 92	#663C5C
66.7%	66.7% #583051	RGB 88 48 81	#583051
83.3%	83.3% #4A2546	RGB 74 37 70	#4A2546
100.0%	100.0% #3D1A3C	RGB 61 26 60	#3D1A3C

#8F5E7C #815271 #734766 #663C5C #583051 #4A2546 #3D1A3C

#8F5E7C - #3D1A3C

HSV Blend

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

0.0%	0.0% #8F5E7C	RGB 143 94 124	#8F5E7C
16.7%	16.7% #815071	RGB 129 80 113	#815071
33.3%	33.3% #734366	RGB 115 67 102	#734366
50.0%	50.0% #66375C	RGB 102 55 92	#66375C
66.7%	66.7% #582C51	RGB 88 44 81	#582C51
83.3%	83.3% #4A2247	RGB 74 34 71	#4A2247
100.0%	100.0% #3D1A3C	RGB 61 26 60	#3D1A3C

#8F5E7C #815071 #734366 #66375C #582C51 #4A2247 #3D1A3C

#8F5E7C - #66375C - #3D1A3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7C 0%, #66375C 50%, #3D1A3C 100%);
    background: -webkit-linear-gradient(top, #8F5E7C 0%, #66375C 50%, #3D1A3C 100%);
    background: linear-gradient(to bottom, #8F5E7C 0%, #66375C 50%, #3D1A3C 100%);
}
</style>