Low temperature combustion concepts are studied recently to simultaneously reduce NOX and soot emissions. Optical studies are performed to study gasoline PPC in CI engines to investigate in-cylinder combustion and stratification. It is imperative to perform emission measurements and interpret the results with combustion images. In this work, we attempt to investigate this during the transition from CI to HCCI mode for FACE I gasoline (RON = 70) and its surrogate, PRF70. The experiments are performed in a single cylinder optical engine that runs at a speed of 1200 rpm. Considering the safety of engine, testing was done at lower IMEP (3 bar) and combustion is visualized using a high-speed camera through a window in the bottom of the bowl. From the engine experiments, it is clear that intake air temperature requirement is different at various combustion modes to maintain the same combustion phasing. While a fixed intake air temperature is required at HCCI condition, it varies at PPC and CI conditions between FACE I gasoline and PRF70. Three zones are identified 1) SOI = -180 to -80 CAD (aTDC) is HCCI zone 2) SOI = -40 to -20 CAD (aTDC) is PPC zone 3) After SOI = -15 CAD (aTDC) is CI zone. Combustion duration, ignition delay, start of combustion and CA90 (crank angle at which 90% of fuel burnt) are comparable between FACE I gasoline and PRF70. The combustion images show a prominent soot flame at CI condition, while only blue coloured premixed flames are visible at PPC condition for both the fuels. PRF70 seems to have a pronounced premixed effect when compared to FACE I gasoline at early injections, showing a decreased level of stratification. NOX emission and soot concentration decreases from CI condition and attains a constant zero value at HCCI condition for both FACE I gasoline and PRF70. CO and CO2 emissions matches between FACE I gasoline and PRF70 at PPC and CI condition, while CO emission is lower for PRF70 at HCCI condition.