#5E2E5C - #7C7CA7 | 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 #5E2E5C to #7C7CA7

#5E2E5C #7C7CA7

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

#5E2E5C - #7C7CA7 | 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 #5E2E5C as 0% and #7C7CA7 as 100%.

0.0%	0.0% #5E2E5C	RGB 94 46 92	#5E2E5C
16.7%	16.7% #633B68	RGB 99 59 104	#633B68
33.3%	33.3% #684875	RGB 104 72 117	#684875
50.0%	50.0% #6D5581	RGB 109 85 129	#6D5581
66.7%	66.7% #72628E	RGB 114 98 142	#72628E
83.3%	83.3% #776F9A	RGB 119 111 154	#776F9A
100.0%	100.0% #7C7CA7	RGB 124 124 167	#7C7CA7

#5E2E5C #633B68 #684875 #6D5581 #72628E #776F9A #7C7CA7

#5E2E5C - #7C7CA7

HSV Blend

#5E2E5C - #7C7CA7 | 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 #5E2E5C as 0% and #7C7CA7 as 100%.

0.0%	0.0% #5E2E5B	RGB 94 46 91	#5E2E5B
16.7%	16.7% #63386A	RGB 99 56 106	#63386A
33.3%	33.3% #664376	RGB 102 67 118	#664376
50.0%	50.0% #6A5082	RGB 106 80 130	#6A5082
66.7%	66.7% #6E5D8E	RGB 110 93 142	#6E5D8E
83.3%	83.3% #746C9A	RGB 116 108 154	#746C9A
100.0%	100.0% #7C7CA7	RGB 124 124 167	#7C7CA7

#5E2E5B #63386A #664376 #6A5082 #6E5D8E #746C9A #7C7CA7

#5E2E5C - #6A5082 - #7C7CA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2E5B 0%, #6A5082 50%, #7C7CA7 100%);
    background: -webkit-linear-gradient(top, #5E2E5B 0%, #6A5082 50%, #7C7CA7 100%);
    background: linear-gradient(to bottom, #5E2E5B 0%, #6A5082 50%, #7C7CA7 100%);
}
</style>