1. 先定义长方形的宽度和高度，如下所示：
```CSS
.rectangle {
width: 200px;
height: 100px;
}
```
2. 然后使用线性渐变的方式来设置背景颜色。首先设置从左到右的渐变过程，左半部分为一种颜色，右半部分为另一种颜色：
```CSS
.rectangle {
width: 200px;
height: 100px;
background: linear-gradient(to right, #F7CAC9 50%, #92A8D1 50%);
}
```
3. 如果要从上到下分成两个颜色，改变渐变方向即可：
```CSS
.rectangle {
width: 200px;
height: 100px;
background: linear-gradient(to bottom, #F7CAC9 50%, #92A8D1 50%);
}
```
4. 当然还可以改成其他渐变方向，比如从左上到右下：
```CSS
.rectangle {
width: 200px;
height: 100px;
background: linear-gradient(to bottom right, #F7CAC9 50%, #92A8D1 50%);
}
```
总之，使用线性渐变的方式，可以轻松实现长方形颜色分成两部分的效果。
