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

#7A768D #422E5E

Calculate the color between two colors, #7A768D 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)

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

0.0%	0.0% #7A768D	RGB 122 118 141	#7A768D
16.7%	16.7% #706A85	RGB 112 106 133	#706A85
33.3%	33.3% #675E7D	RGB 103 94 125	#675E7D
50.0%	50.0% #5E5275	RGB 94 82 117	#5E5275
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

#7A768D #706A85 #675E7D #5E5275 #54466D #4B3A65 #422E5E

#7A768D - #422E5E

HSV Blend

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

0.0%	0.0% #7A768D	RGB 122 118 141	#7A768D
16.7%	16.7% #6E6785	RGB 110 103 133	#6E6785
33.3%	33.3% #635A7D	RGB 99 90 125	#635A7D
50.0%	50.0% #594D75	RGB 89 77 117	#594D75
66.7%	66.7% #50426D	RGB 80 66 109	#50426D
83.3%	83.3% #493765	RGB 73 55 101	#493765
100.0%	100.0% #422E5E	RGB 66 46 94	#422E5E

#7A768D #6E6785 #635A7D #594D75 #50426D #493765 #422E5E

#7A768D - #594D75 - #422E5E

CSS codes

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

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