#7E677B - #5C1B5E | 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 #7E677B to #5C1B5E

#7E677B #5C1B5E

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

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

0.0%	0.0% #7E677B	RGB 126 103 123	#7E677B
16.7%	16.7% #785A76	RGB 120 90 118	#785A76
33.3%	33.3% #724D71	RGB 114 77 113	#724D71
50.0%	50.0% #6D416C	RGB 109 65 108	#6D416C
66.7%	66.7% #673467	RGB 103 52 103	#673467
83.3%	83.3% #612762	RGB 97 39 98	#612762
100.0%	100.0% #5C1B5E	RGB 92 27 94	#5C1B5E

#7E677B #785A76 #724D71 #6D416C #673467 #612762 #5C1B5E

#7E677B - #5C1B5E

HSV Blend

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

0.0%	0.0% #7E677B	RGB 126 103 123	#7E677B
16.7%	16.7% #785775	RGB 120 87 117	#785775
33.3%	33.3% #734970	RGB 115 73 112	#734970
50.0%	50.0% #6E3C6B	RGB 110 60 107	#6E3C6B
66.7%	66.7% #683067	RGB 104 48 103	#683067
83.3%	83.3% #632563	RGB 99 37 99	#632563
100.0%	100.0% #5C1B5E	RGB 92 27 94	#5C1B5E

#7E677B #785775 #734970 #6E3C6B #683067 #632563 #5C1B5E

#7E677B - #6E3C6B - #5C1B5E

CSS codes

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

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