#5E2E4D - #8665AA | 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 #5E2E4D to #8665AA

#5E2E4D #8665AA

Calculate the color between two colors, #5E2E4D and #8665AA. 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)

#5E2E4D - #8665AA | 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 #5E2E4D as 0% and #8665AA as 100%.

0.0%	0.0% #5E2E4D	RGB 94 46 77	#5E2E4D
16.7%	16.7% #64375C	RGB 100 55 92	#64375C
33.3%	33.3% #6B406C	RGB 107 64 108	#6B406C
50.0%	50.0% #72497B	RGB 114 73 123	#72497B
66.7%	66.7% #78528B	RGB 120 82 139	#78528B
83.3%	83.3% #7F5B9A	RGB 127 91 154	#7F5B9A
100.0%	100.0% #8665AA	RGB 134 101 170	#8665AA

#5E2E4D #64375C #6B406C #72497B #78528B #7F5B9A #8665AA

#5E2E4D - #8665AA

HSV Blend

#5E2E4D - #8665AA | 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 #5E2E4D as 0% and #8665AA as 100%.

0.0%	0.0% #5E2E4D	RGB 94 46 77	#5E2E4D
16.7%	16.7% #6A365F	RGB 106 54 95	#6A365F
33.3%	33.3% #773E73	RGB 119 62 115	#773E73
50.0%	50.0% #7E4784	RGB 126 71 132	#7E4784
66.7%	66.7% #825090	RGB 130 80 144	#825090
83.3%	83.3% #845A9D	RGB 132 90 157	#845A9D
100.0%	100.0% #8665AA	RGB 134 101 170	#8665AA

#5E2E4D #6A365F #773E73 #7E4784 #825090 #845A9D #8665AA

#5E2E4D - #7E4784 - #8665AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2E4D 0%, #7E4784 50%, #8665AA 100%);
    background: -webkit-linear-gradient(top, #5E2E4D 0%, #7E4784 50%, #8665AA 100%);
    background: linear-gradient(to bottom, #5E2E4D 0%, #7E4784 50%, #8665AA 100%);
}
</style>