Fundo de dois tons dividido por linha diagonal usando css

Eu estou tentando criar um fundo usando css onde um lado é uma cor sólida e o outro é uma textura: os dois são divididos por uma linha diagonal. Eu gostaria que isso fosse 2 divs separados, já que planejo adicionar algum movimento com jQuery, onde se você clicar à direita, o triângulo cinza fica menor e se você clicar à esquerda, o triângulo texturizado fica menor (como um efeito de cortina). Qualquer conselho seria muito apreciado.

questionAnswers(3)

yourAnswerToTheQuestion