Mi objetivo es lograr la siguiente imagen. Sin embargo, no estoy seguro de cómo lograr la coloración de los números. Como puede ver, parte del número tiene dos colores diferentes asociados. 
También hay un efecto similar en este sitio web https://nolook.co.jp/
¿Cómo puedo lograr este look? Parece ser posible.
Puede usar background-clip y un degradado, pero los fondos se envían dentro de 2 contenedores:
ejemplo
span.difColor { background:linear-gradient(120deg, #F9F4E1 45%, #0F344C 45.5%); display:inline-block; font-size:400px; } .difColor b {background: linear-gradient(120deg, #5A95BC 45%,#F9F4E1 45.5% ); -webkit-background-clip: text ; color:transparent; } <span class="difColor"><b>20</b></span>