#5E3E5A - #8865B9 | 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 #5E3E5A to #8865B9

#5E3E5A #8865B9

Calculate the color between two colors, #5E3E5A and #8865B9. 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)

#5E3E5A - #8865B9 | 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 #5E3E5A as 0% and #8865B9 as 100%.

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #654469	RGB 101 68 105	#654469
33.3%	33.3% #6C4B79	RGB 108 75 121	#6C4B79
50.0%	50.0% #735189	RGB 115 81 137	#735189
66.7%	66.7% #7A5899	RGB 122 88 153	#7A5899
83.3%	83.3% #815EA9	RGB 129 94 169	#815EA9
100.0%	100.0% #8865B9	RGB 136 101 185	#8865B9

#5E3E5A #654469 #6C4B79 #735189 #7A5899 #815EA9 #8865B9

#5E3E5A - #8865B9

HSV Blend

#5E3E5A - #8865B9 | 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 #5E3E5A as 0% and #8865B9 as 100%.

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #6D456C	RGB 109 69 108	#6D456C
33.3%	33.3% #774D7C	RGB 119 77 124	#774D7C
50.0%	50.0% #7E548B	RGB 126 84 139	#7E548B
66.7%	66.7% #845A9A	RGB 132 90 154	#845A9A
83.3%	83.3% #875FA9	RGB 135 95 169	#875FA9
100.0%	100.0% #8865B9	RGB 136 101 185	#8865B9

#5E3E5A #6D456C #774D7C #7E548B #845A9A #875FA9 #8865B9

#5E3E5A - #7E548B - #8865B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5A 0%, #7E548B 50%, #8865B9 100%);
    background: -webkit-linear-gradient(top, #5E3E5A 0%, #7E548B 50%, #8865B9 100%);
    background: linear-gradient(to bottom, #5E3E5A 0%, #7E548B 50%, #8865B9 100%);
}
</style>