---
id: 5d822fd413a79914d39e98f6
title: Part 46
challengeType: 0
isHidden: true
---
## Description
You can specify where you want a gradient transition to complete by adding it to the color like this:
```css
gradient-type(
color1,
color2 20%,
color3
);
```
Here, it will transition from `color1` to `color2` between `0%` and `20%` of the element and then transition to `color3` for the rest. Add `80%` to the `--building-color1` color of the `bb1d` gradient so you can see it in action.
## Instructions
## Tests
```yml
tests:
- text: test-text
testString: const bb1d = code.match(/\.bb1d\s*{[\s\S]+?[^}]}/g)[0]; assert(/background\s*:\s*linear-gradient\(\s*orange\s*,\s*var\(\s*--building-color1\s*\)\s*80%\s*,\s*var\(\s*--window-color1\s*\)\s*\)\s*(;|})/g.test(bb1d));
```
## Challenge Seed
```html
freeCodeCamp Skyline Project
```