/* CalcGradient	
Calcolo gradienti
http://www.pforster.ch/Colori/Puri/LuceTinta/CalcGradienti.html
http://www.pforster.ch/Colori/Puri/LuceTinta/CalcGradienti.png
sfumati, gradienti, miscele, colori, additivo, luminoso, cromatico, JS, calcolatrice
*/

		<script language="javascript" type="text/javascript" src="http://www.pforster.ch/Colori/ColorCalc/ConvertOwn//HexRgbHsl.js"></script>
		<script>
<!--
		function toggleInfo() {
			if (document.getElementById('info').style.display == "none")
			{document.getElementById('info').style.display = ""}
			else {document.getElementById('info').style.display = "none"};
		return;
		}
		function getfocusRhex() {
    		document.getElementById("rhex").focus();
		return;
		}
		function colClr() {
			lhex = mhex = rhex = 'fcfcfc';
		document.grad.lhex.value = lhex;
		document.grad.mhex.value = mhex;
		document.grad.rhex.value = rhex;
			Main();
			return;
		}
		function generCanv(canv,xi,yi,xf,yf,Lhex,Mhex,Rhex,mg) {
			var c = document.getElementById(canv);
			var ctx = c.getContext("2d");
			var grd = ctx.createLinearGradient(xi,yi,xf,yf);
			grd.addColorStop(0, Lhex);
			grd.addColorStop(mg, Mhex);
			grd.addColorStop(1, Rhex);
			ctx.fillStyle = grd;
			ctx.fillRect(xi,yi,xf,yf);
		return;
		}
		function Main() {
		lhex = document.grad.lhex.value;
	//col l
		document.getElementById("coll").style.backgroundColor = '#'+lhex;
		rhex = document.grad.rhex.value;
	//col r
		document.getElementById("colr").style.backgroundColor = '#'+rhex;
		Mg = document.grad.mg.value; mg=Mg/100;
			if (lhex=="" || rhex=="") {return;};
	//col m
			hexToRgb(lhex); lR=r; lG=g; lB=b;
			hexToRgb(rhex); rR=r; rG=g; rB=b;
			mR = (lR+rR)/2; mG = (lG+rG)/2; mB = (lB+rB)/2; /* media aritmetica */
			mhex = toHexA(mR)+toHexA(mG)+toHexA(mB);
			document.grad.mhex.value = '| '+mhex+' |';
		document.getElementById("colm").style.backgroundColor = '#'+mhex;
			if (Mg=="") {mg=0.5;};
			document.grad.mg.value = mg*100;
			Lhex = '#'+lhex; Mhex = '#'+mhex; Rhex = '#'+rhex; 
			canv = 'GradCanvas'; xi=1*0; yi=1*0; xf=234; yf=30;
			generCanv(canv,xi,yi,xf,yf,Lhex,Mhex,Rhex,mg);
	//col ml
			mlR=Math.pow((lR*lR)+(rR*rR),0.5); mlG=Math.pow((lG*lG)+(rG*rG),0.5);
			mlB=Math.pow((lB*lB)+(rB*rB),0.5);	/* media quadrata */							mlhex = toHexA(mlR)+toHexA(mlG)+toHexA(mlB);
		document.grad.mlhex.value = '| '+mlhex+' |';
		document.getElementById("mlcol").style.backgroundColor = '#'+mlhex;
			canv = 'GradCanvasLux'; 
			Mhex='#'+mlhex;
			generCanv(canv,xi,yi,xf,yf,Lhex,Mhex,Rhex,mg);
	//col ms
			msR=lR+rR; if (msR>=255) {msR=255;};
			msG=lG+rG; if (msG>=255) {msG=255;};
			msB=lB+rB; if (msB>=255) {msB=255;}; /* media troncata */
			mshex = toHexA(msR)+toHexA(msG)+toHexA(msB);
		document.grad.mshex.value = '| '+mshex+' |';
		document.getElementById("mscol").style.backgroundColor = '#'+mshex;
			canv = 'GradCanvasSum'; Mhex='#'+mshex;
			generCanv(canv,xi,yi,xf,yf,Lhex,Mhex,Rhex,mg);
			return;
		}
//-->
		</script>