---
id: 5d822fd413a79914d39e98fb
title: Part 51
challengeType: 0
---
## 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%`.
## Instructions
## Tests
```yml
tests:
- text: test-text
testString: 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));
```
## Challenge Seed
```html
freeCodeCamp Skyline Project
```