#8E5E8F - #3E2340 | 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 #8E5E8F to #3E2340

#8E5E8F #3E2340

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

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

0.0%	0.0% #8E5E8F	RGB 142 94 143	#8E5E8F
16.7%	16.7% #805481	RGB 128 84 129	#805481
33.3%	33.3% #734A74	RGB 115 74 116	#734A74
50.0%	50.0% #664067	RGB 102 64 103	#664067
66.7%	66.7% #58365A	RGB 88 54 90	#58365A
83.3%	83.3% #4B2C4D	RGB 75 44 77	#4B2C4D
100.0%	100.0% #3E2340	RGB 62 35 64	#3E2340

#8E5E8F #805481 #734A74 #664067 #58365A #4B2C4D #3E2340

#8E5E8F - #3E2340

HSV Blend

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

0.0%	0.0% #8E5E8F	RGB 142 94 143	#8E5E8F
16.7%	16.7% #805281	RGB 128 82 129	#805281
33.3%	33.3% #734874	RGB 115 72 116	#734874
50.0%	50.0% #653E67	RGB 101 62 103	#653E67
66.7%	66.7% #58345A	RGB 88 52 90	#58345A
83.3%	83.3% #4B2B4D	RGB 75 43 77	#4B2B4D
100.0%	100.0% #3E2340	RGB 62 35 64	#3E2340

#8E5E8F #805281 #734874 #653E67 #58345A #4B2B4D #3E2340

#8E5E8F - #653E67 - #3E2340

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8E5E8F 0%, #653E67 50%, #3E2340 100%);
    background: -webkit-linear-gradient(top, #8E5E8F 0%, #653E67 50%, #3E2340 100%);
    background: linear-gradient(to bottom, #8E5E8F 0%, #653E67 50%, #3E2340 100%);
}
</style>