#767A8D - #322E5E | 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 #767A8D to #322E5E

#767A8D #322E5E

Calculate the color between two colors, #767A8D and #322E5E. 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)

#767A8D - #322E5E | 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 #767A8D as 0% and #322E5E as 100%.

0.0%	0.0% #767A8D	RGB 118 122 141	#767A8D
16.7%	16.7% #6A6D85	RGB 106 109 133	#6A6D85
33.3%	33.3% #5F607D	RGB 95 96 125	#5F607D
50.0%	50.0% #545475	RGB 84 84 117	#545475
66.7%	66.7% #48476D	RGB 72 71 109	#48476D
83.3%	83.3% #3D3A65	RGB 61 58 101	#3D3A65
100.0%	100.0% #322E5E	RGB 50 46 94	#322E5E

#767A8D #6A6D85 #5F607D #545475 #48476D #3D3A65 #322E5E

#767A8D - #322E5E

HSV Blend

#767A8D - #322E5E | 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 #767A8D as 0% and #322E5E as 100%.

0.0%	0.0% #767A8D	RGB 118 122 141	#767A8D
16.7%	16.7% #676B85	RGB 103 107 133	#676B85
33.3%	33.3% #5A5D7D	RGB 90 93 125	#5A5D7D
50.0%	50.0% #4D4F75	RGB 77 79 117	#4D4F75
66.7%	66.7% #42426D	RGB 66 66 109	#42426D
83.3%	83.3% #393765	RGB 57 55 101	#393765
100.0%	100.0% #322E5E	RGB 50 46 94	#322E5E

#767A8D #676B85 #5A5D7D #4D4F75 #42426D #393765 #322E5E

#767A8D - #4D4F75 - #322E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #767A8D 0%, #4D4F75 50%, #322E5E 100%);
    background: -webkit-linear-gradient(top, #767A8D 0%, #4D4F75 50%, #322E5E 100%);
    background: linear-gradient(to bottom, #767A8D 0%, #4D4F75 50%, #322E5E 100%);
}
</style>