Bell nonlocality and quantum contextuality are two important resources which, however, behave very differently in many tasks where the quantum correlation has an edge over its classical counterpart. In this work, we directly compare these two behaviors, which via the Cabello-Severini-Winter graph-theoretical approach, can be associated with a same exclusivity graph. In particular, we consider the exclusivity graph that leads to ${I}_{3322}$-type inequalities in the Bell and the contextual scenarios, respectively. We find that maximal violation of Bell inequality is around 6.251, and maximal violation of the noncontextuality inequality is around 6.588 for a five-dimensional system and 6.571 for a four-dimensional system, respectively. The results predict a gap of $\mathrm{\ensuremath{\Delta}}\ensuremath{\approx}0.32$ between quantum contextuality and Bell nonlocality. We then present an experimental observation of the gap by employing both the maximally entangled photon pairs from the spontaneous parametric down-conversion process and the single photons encoded into qudits from an intrinsic defect in gallium nitride. Our results will further deepen the understanding of different types of quantum correlations.