Как исправить разрыв между AppBarlayout и TabLayout

Я пытаюсь использовать AppBarLayout с панелью инструментов, компонентом TabLayout и Viewpager, но у меня появляется черный разрыв между панелью инструментов и макетом вкладок, и я не совсем понимаю, почему. Я просмотрел несколько примеров здесь, и они не работают.

Ставлю изображение своей проблемы.

XML

<RelativeLayout
    xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    android:background = "@color/white">

    <LinearLayout
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        android:orientation = "vertical">

    <android.support.design.widget.AppBarLayout
        xmlns:android = "http://schemas.android.com/apk/res/android"
        xmlns:app = "http://schemas.android.com/apk/res-auto"
        android:id = "@+id/home_appbarLayout"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        app:elevation = "0dp">
        <android.support.v7.widget.Toolbar
            android:id = "@+id/toolbar"
            android:layout_width = "match_parent"
            android:layout_height = "?android:attr/actionBarSize"
            android:background = "@color/white"
            app:contentInsetStart = "@dimen/margin_8"
            app:contentInsetStartWithNavigation = "@dimen/margin_8"
            app:layout_collapseMode = "pin"
            app:paddingStart = "0dp"
            app:theme = "@style/ThemeOverlay.AppCompat.ActionBar"
            app:titleMarginStart = "@dimen/margin_8">
            <TextView
                android:layout_width = "match_parent"
                android:layout_height = "wrap_content"
                android:text = "toolbar"/>
        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>

        <android.support.design.widget.CoordinatorLayout
            android:layout_width = "match_parent"
            android:layout_height = "match_parent"
            android:background = "@color/rosa_apelucy">
            <android.support.design.widget.TabLayout
                android:id = "@+id/tab_layout"
                app:tabMode = "fixed"
                android:layout_width = "match_parent"
                android:layout_height = "?android:attr/actionBarSize"
                android:background = "@color/transparent"
                android:elevation = "6dp"
                app:tabTextColor = "@color/grey"
                app:tabSelectedTextColor = "@color/pink"
                app:tabIndicatorColor = "@color/pink"/>

            <android.support.v4.view.ViewPager
                android:id = "@+id/pager"
                android:layout_width = "match_parent"
                android:layout_height = "match_parent"
                android:background = "@color/white"/>
        </android.support.design.widget.CoordinatorLayout>
    </LinearLayout>
</RelativeLayout>

ОБНОВИТЬ ВОПРОС

<android.support.design.widget.CoordinatorLayout
        xmlns:android = "http://schemas.android.com/apk/res/android"
        xmlns:app = "http://schemas.android.com/apk/res-auto"
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        android:background = "@color/blanco">

    <android.support.design.widget.AppBarLayout
        android:id = "@+id/home_appbarLayout"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        app:elevation = "0dp">
        <android.support.v7.widget.Toolbar
            android:id = "@+id/toolbar"
            android:layout_width = "match_parent"
            android:layout_height = "?android:attr/actionBarSize"
            app:contentInsetStart = "@dimen/margin_8"
            app:contentInsetStartWithNavigation = "@dimen/margin_8"
            app:layout_collapseMode = "pin"
            app:paddingStart = "0dp"
            app:theme = "@style/ThemeOverlay.AppCompat.ActionBar"
            app:titleMarginStart = "@dimen/margin_8">
            <TextView
                android:layout_width = "match_parent"
                android:layout_height = "wrap_content"
                android:text = "toolbar"/>
        </android.support.v7.widget.Toolbar>
        <android.support.design.widget.TabLayout
            android:id = "@+id/tab_layout"
            app:tabMode = "fixed"
            android:layout_width = "match_parent"
            android:layout_height = "wrap_content"
            android:background = "@color/transparent"
            android:elevation = "6dp"
            android:minHeight = "?android:attr/actionBarSize"
            app:tabTextColor = "@color/gris_oscuro"
            app:tabSelectedTextColor = "@color/rosa_apelucy"
            app:tabIndicatorColor = "@color/rosa_apelucy"
            android:layout_marginTop = "@dimen/margin_25"/>
    </android.support.design.widget.AppBarLayout>

        <android.support.v4.view.ViewPager
            android:id = "@+id/pager"
            android:layout_width = "match_parent"
            android:layout_height = "match_parent"
app:layout_behavior = "@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>