Estoy buscando cambiar gradualmente el tamaño de un logotipo en la posición de desplazamiento usando Vanilla JS.

• No se puede usar CSS en una hoja de estilo
• Sin uso de jQuery
• Debe cambiar el tamaño gradualmente con el desplazamiento, no todos a la vez en una posición determinada.
• Usar porcentaje.
• En la posición de desplazamiento de 0px = 100%, entonces si la posición de desplazamiento es > 0px, el porcentaje de ancho disminuye.
• Logotipo nunca más pequeño que el 50% No use css "max-width".
• La función javascript no debería continuar disminuyendo el tamaño en el desplazamiento después del 50%.

Por alguna razón, no he podido encontrar ninguna pregunta que esté haciendo esto exactamente, pero parece una necesidad común para los sitios web que tienen un encabezado fijo y necesitan disminuir el tamaño del logotipo, pero no usar repentinamente una clase CSS agregada a través de JS.