Из хроники войны: «В ночь с 10 на 11 июня оба флота из-за тумана стали на якорь посредине между берегами Ла-Манша, восточнее места, где происходило Габардское сражение. 11 июня в 9 часов утра, при свежеющем юго-юго-западном ветре, оба флота увидели друг друга, при чем более слабые англичане немедленно снялись с якоря и бросились на неприятеля, желая использовать свое выгодное наветренное положение. Советники – моряки Монка – тщетно старались ему доказать, что при сильном ветре суда будут сильно крениться и придется задраить нижние батареи. Де Рюйтер по той же причине не ожидал нападения, благодаря чему большинству его командиров пришлось рубить якорные канаты, чтобы иметь время выстроить линию. Монк пошел на восток и вскоре сблизился с противником, который лег на юго-юго-восток в бейдевинд правым галсом; Тромп был значительно впереди него. Монк также привел к ветру и со своим тесно сомкнутым флотом (35 судов) начал жестоко наседать на Тромпа; это было около полудня. Постепенно стали подходить середина и арьергард голландцев, и отставшие английские суда. Эскадре Тромпа сильно доставалось, ему самому пришлось перейти на другой корабль. Из опасения сесть на мель англичане в 4 часа повернули все вдруг; Тромп последовал их примеру. Благодаря этому головные суда англичан сошлись с центром де Рюйтера и понесли большие потери. Подошедший Эвертсен был вскоре убит: англичане потеряли своего 27-летнего вице-адмирала Беркли. Обоим потерям предшествовали особо горячие схватки окружавших своих адмиралов судов. Лишь при наступлении полной темноты прекратились одиночные бои; англичане направились дальше к северо-западу, а голландцы энергично принялись за исправление своих поврежденных судов. Этот первый день не дал ни той, ни другой стороне решительного успеха, на что англичане, благодаря их сравнительной слабости, и не могли рассчитывать. Превосходная атака Монка, направленная на часть противника, дала ему возможность нанести неприятелю существенный вред. У голландцев сгорело 2 корабля, тогда как англичане потеряли 5, из них 3 захвачены и 2 потоплены. Три голландских легко поврежденных корабля были посланы отвезти призы; два сильно пострадавших флагманских корабля должны были уйти в свои порты. План де Рюйтера был нарушен поспешностью и необдуманностью Тромпа; последнему следовало обождать подхода центра и арьергарда, чему обстоятельства весьма благоприятствовали. Недостаточная опытность голландцев, их более слабая артиллерия, недисциплинированность младших флагманов и более плохие мореходные качества кораблей не дали им возможности одержать решительной победы».
С рассветом 12 июня Рюйтер созвал к себе флагманов и капитанов, чтобы еще раз убедить их сражаться так же мужественно, как и в первый день и не ослабевать натиска. Англичане открылись в дистанции одной мили. Оба флота, обнаружив друг друга, сразу же устремились в бой. Голландцы что бы упрочить вчерашний успех, англичане, горя желанием, переломить ход неудачного для них сражения. Мужество англичан было достойно восхищения, так как с учетом вчерашних потерь подавляющий численный перевес был теперь на стороне голландцев, но упорство герцога Альбемарле-Монка только усугубили ситуацию и еще больше приблизили англичан к полному разгрому.
Голландцы держали курс на норд-вест, англичане правили к зюйду. Сблизившись с противником, Рюйтер поднял сигнал поворота на зюйд, чтобы лечь на курс параллельный противнику. Англичане, поняв его маневр, немедленно отказались от выигрыша ветра и вместо этого резко повернули по ветру на голландский флот. Таким образом, после недолгого маневрирования оба противника шли сходящимися курсами, изо всех сил поражая друг друга из всех пушек. Над волнами стоял непрерывный орудийный грохот, напрочь заглушающий все иные звуки. Из-за близкой дистанции повреждения и тех и других были ужасающими. Затем несколько стих ветер и, несколько разойдясь, противники тотчас принялись исправлять то, что еще можно был исправить. Но затишье продолжалось не долго. Вскоре ветер снова посвежел и англичане с голландцами с новыми силами ринулись в бой.