#5E3E56 - #7679A3 | 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 #5E3E56 to #7679A3

#5E3E56 #7679A3

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

#5E3E56 - #7679A3 | 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 #5E3E56 as 0% and #7679A3 as 100%.

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #624762	RGB 98 71 98	#624762
33.3%	33.3% #66516F	RGB 102 81 111	#66516F
50.0%	50.0% #6A5B7C	RGB 106 91 124	#6A5B7C
66.7%	66.7% #6E6589	RGB 110 101 137	#6E6589
83.3%	83.3% #726F96	RGB 114 111 150	#726F96
100.0%	100.0% #7679A3	RGB 118 121 163	#7679A3

#5E3E56 #624762 #66516F #6A5B7C #6E6589 #726F96 #7679A3

#5E3E56 - #7679A3

HSV Blend

#5E3E56 - #7679A3 | 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 #5E3E56 as 0% and #7679A3 as 100%.

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #694668	RGB 105 70 104	#694668
33.3%	33.3% #6D4F75	RGB 109 79 117	#6D4F75
50.0%	50.0% #705880	RGB 112 88 128	#705880
66.7%	66.7% #71628C	RGB 113 98 140	#71628C
83.3%	83.3% #726C97	RGB 114 108 151	#726C97
100.0%	100.0% #7679A3	RGB 118 121 163	#7679A3

#5E3E56 #694668 #6D4F75 #705880 #71628C #726C97 #7679A3

#5E3E56 - #705880 - #7679A3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E56 0%, #705880 50%, #7679A3 100%);
    background: -webkit-linear-gradient(top, #5E3E56 0%, #705880 50%, #7679A3 100%);
    background: linear-gradient(to bottom, #5E3E56 0%, #705880 50%, #7679A3 100%);
}
</style>