#7E6779 - #5E1B57 | 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 #7E6779 to #5E1B57

#7E6779 #5E1B57

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

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

0.0%	0.0% #7E6779	RGB 126 103 121	#7E6779
16.7%	16.7% #785A73	RGB 120 90 115	#785A73
33.3%	33.3% #734D6D	RGB 115 77 109	#734D6D
50.0%	50.0% #6E4168	RGB 110 65 104	#6E4168
66.7%	66.7% #683462	RGB 104 52 98	#683462
83.3%	83.3% #63275C	RGB 99 39 92	#63275C
100.0%	100.0% #5E1B57	RGB 94 27 87	#5E1B57

#7E6779 #785A73 #734D6D #6E4168 #683462 #63275C #5E1B57

#7E6779 - #5E1B57

HSV Blend

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

0.0%	0.0% #7E6779	RGB 126 103 121	#7E6779
16.7%	16.7% #785772	RGB 120 87 114	#785772
33.3%	33.3% #73496B	RGB 115 73 107	#73496B
50.0%	50.0% #6E3C66	RGB 110 60 102	#6E3C66
66.7%	66.7% #683060	RGB 104 48 96	#683060
83.3%	83.3% #63255B	RGB 99 37 91	#63255B
100.0%	100.0% #5E1B57	RGB 94 27 87	#5E1B57

#7E6779 #785772 #73496B #6E3C66 #683060 #63255B #5E1B57

#7E6779 - #6E3C66 - #5E1B57

CSS codes

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

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