#79768D - #422E5E | 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 #79768D to #422E5E

#79768D #422E5E

Calculate the color between two colors, #79768D and #422E5E. 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)

#79768D - #422E5E | 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 #79768D as 0% and #422E5E as 100%.

0.0%	0.0% #79768D	RGB 121 118 141	#79768D
16.7%	16.7% #6F6A85	RGB 111 106 133	#6F6A85
33.3%	33.3% #665E7D	RGB 102 94 125	#665E7D
50.0%	50.0% #5D5275	RGB 93 82 117	#5D5275
66.7%	66.7% #54466D	RGB 84 70 109	#54466D
83.3%	83.3% #4B3A65	RGB 75 58 101	#4B3A65
100.0%	100.0% #422E5E	RGB 66 46 94	#422E5E

#79768D #6F6A85 #665E7D #5D5275 #54466D #4B3A65 #422E5E

#79768D - #422E5E

HSV Blend

#79768D - #422E5E | 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 #79768D as 0% and #422E5E as 100%.

0.0%	0.0% #79768D	RGB 121 118 141	#79768D
16.7%	16.7% #6C6785	RGB 108 103 133	#6C6785
33.3%	33.3% #625A7D	RGB 98 90 125	#625A7D
50.0%	50.0% #584D75	RGB 88 77 117	#584D75
66.7%	66.7% #50426D	RGB 80 66 109	#50426D
83.3%	83.3% #483765	RGB 72 55 101	#483765
100.0%	100.0% #422E5E	RGB 66 46 94	#422E5E

#79768D #6C6785 #625A7D #584D75 #50426D #483765 #422E5E

#79768D - #584D75 - #422E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79768D 0%, #584D75 50%, #422E5E 100%);
    background: -webkit-linear-gradient(top, #79768D 0%, #584D75 50%, #422E5E 100%);
    background: linear-gradient(to bottom, #79768D 0%, #584D75 50%, #422E5E 100%);
}
</style>