Как задать диву два цвета(градиент)?
Вертикально:background: linear-gradient(red 50%, green 50%);
Горизонтально:background: linear-gradient(to right, red 50%, green 0px);
Используйте сервис. Там и цвета выберете, и необходимый угол укажите.
А потом просто скопируйте и укажите получившийся background для вашего дива. https://cssgradient.io/