разукрасить div блок разными цветами
 

Добрый день, задача следующая:
есть div блок с некоторой шириной. Нужно раскрасить этот блок в три цвета: от 0 до x1, от x1 до x2, от x2 до width.Честно говоря я впервые сталкиваюсь с подобной задачей, поэтому не знаю возможно ли это вообще? Или придется раздирать блок и содержимое блока?

Это CSS, как работает можно посмотреть тут.

спасибо большое)
 

Отличный пример, нашел аналогичный пример: http://www.colorzilla.com/gradient-editor/
На этом сайте можно создать свой градиент и получить сразу код css.(maybe someone come in handy)