Les dégradés de couleurs OR

Les dégradés de couleurs

#d9b554 au blanc

1. #d9b554
2. #ddbd67
3. #e1c57a
4. #e5cd8d
5. #e9d5a0
6. #eedeb3
7. #f2e6c6
8. #f6eed9
9. #faf6ec
10. #ffffff

#d9b554 au noir

1. #d9b554
2. #c0a04a
3. #a88c41
4. #907838
5. #78642e
6. #605025
7. #483c1c
8. #302812
9. #181409
10. #000000

Exemples de code HTML et CSS / CSS3

• #d9b554 premier plan
  <p style="color: #d9b554; background-color: #000">#d9b554 premier plan</p>
• #d9b554 fond
  <p style="background-color: #d9b554">#d9b554 fond</p>
• #d9b554 bordure
  <p style="border: #d9b554 3px solid">#d9b554 bordure</p>
• #d9b554 dégradé radial
  <p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d9b554, #fff); background: -webkit-radial-gradient(50% 50%, #d9b554, #fff); background: -o-radial-gradient(50% 50%, #d9b554, #fff); background: -ms-radial-gradient(50% 50%, #d9b554, #fff); background: radial-gradient(50% 50%, #d9b554, #fff)">#d9b554 dégradé radial</p>
• #d9b554 gradient linéaire à complémentarité #5378d9
  <p style="padding: 15px 0; background: -moz-linear-gradient(top, #d9b554, #5378d9); background: -webkit-linear-gradient(top, #d9b554, #5378d9); background: -o-linear-gradient(top, #d9b554, #5378d9); background: -ms-linear-gradient(top, #d9b554, #5378d9); background: linear-gradient(top, #d9b554, #5378d9); color: #000">#d9b554 gradient linéaire à complémentarité #5378d9</p>
• #d9b554 ombre du texte
  <p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #d9b554">#d9b554 ombre du texte</p>