Background-clip и background-origin - в чем разница?

Разница в следующем:

background-origin помещает фоновое изображение в соответствии со значением свойства.

background-clip ОБРЕЗАЕТ фоновое изображение или фоновый цвет в соответствии со значением свойства. Если фоновое изображение было прижато к внешнему краю border-а, то будет показана только та часть изображения которая находится внутри border (border-box) или внутри border+padding (content-box). Если задано значение padding-box, то будет вся картинка целиком.

В общем, пример тут: https://jsfiddle.net/q86uk2kh/embedded/result/