Dégradé en 2 étapes : les deux extrémités
Un dégradé de 2 étapes ne contient que le départ et l'arrivée : un cas limite pour comprendre l'interpolation.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Départ
- #FF8800
- Arrivée
- #0088FF
- Étapes
- 2
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #FF8800 | rgb(255, 136, 0) |
| 2 | #0088FF | rgb(0, 136, 255) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Le cas en détail
Avec deux étapes, la position vaut 0 puis 1 : on retrouve exactement la couleur de départ et celle d'arrivée. Il n'y a rien entre elles. Le nombre minimal pour obtenir une couleur intermédiaire est trois.
À retenir : Pour une seule couleur au milieu, choisissez 3 étapes.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur de départ : « #FF8800 »
- Couleur d'arrivée : « #0088FF »
- Nombre d'étapes (2 à 16) : 2
- Départ
- #FF8800
- Arrivée
- #0088FF
- Étapes
- 2
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #FF8800 | rgb(255, 136, 0) |
| 2 | #0088FF | rgb(0, 136, 255) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
Pour n étapes, la position de l'étape i vaut i / (n - 1), de 0 à 1. Chaque canal (rouge, vert, bleu) est calculé par interpolation linéaire entre la valeur de départ et celle d'arrivée, puis arrondi à l'entier le plus proche.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.