---
id: 5d822fd413a79914d39e98fb
title: Part 51
challengeType: 0
dashedName: part-51
---
# --description--
You can make an instant color change in a gradient by giving the transition zero space like this:
```css
gradient-type(
color1,
color1 50%,
color2 50%,
color2
);
```
Here, the top half of the element will be `color1` and the bottom half will be `color2`. Add a `linear-gradient` to `bb2b` that uses `--building-color2` from `0%` to `6%` and `--window-color2` from `6%` to `9%`.
# --hints--
test-text
```js
const bb2b = code.match(/\.bb2b\s*{[\s\S]+?[^}]}/g)[0];
assert(
/background\s*:\s*linear-gradient\(\s*var\(\s*--building-color2\s*\)\s*(0%\s*,|,)\s*var\(\s*--building-color2\s*\)\s*6%\s*,\s*var\(\s*--window-color2\s*\)\s*6%\s*,\s*var\(\s*--window-color2\s*\)\s*9%\s*\)\s*(;|})/g.test(
bb2b
)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```