Как заполнить текстурой пространство от одного текста к другому?
В вашем случаи например так:.cont-title {
  background-color: green;
}
.cont-title a {
  background-color: white;
  display: inline-block;
}
.cart {
    background-color: white;
}
Добавьте эти стили к своим и получите то что хотите, ну а вместо background-color: green; добавите какой надо паттерн. Если на заднем фоне тоже паттерн, то вам надо что-то типо этого:<div class="cont-title">
	<a href="#" class="cell">
		<h1>Заголовок</h1>
	</a>
  <div class="cell cell--mid"></div>
  <div class="cart cell">Дата</div>
</div>.cont-title {
    display: table;  
}
.cell {
    display: table-cell;
}
.mid {
    width: 100%;
    background-color: green;
}
.cont-title a и .cont-title .cart - покрасить фон в белый. .cont-title - на фон текстуру