Default Microsoft Office Gradient Fill Colours

From C.Syde's Wiki, an all-subject wiki that anyone can edit!
Jump to navigation Jump to search

This is a list of all the default gradients and their associated colours that you'll find when you open the default gradient options when colouring autoshapes in Microsoft Word, Microsoft Excel, Microsoft PowerPoint, or Microsoft Office in general.

Early Sunset Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #000082 0, 0, 130 170, 255, 65 0%
Custom #66008f 102, 0, 143 200, 255, 72 30%
Custom #ba0066 186, 0, 102 232, 255, 93 65%
Red #ff0000 255, 0, 0 0, 255, 128 90%
Custom #ff8200 255, 130, 0 21, 255, 128 100%

Late Sunset Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Black #000000 0, 0, 0 0, 0, 0 0%
Custom #000040 0, 0, 64 170, 255, 32 20%
Custom #400040 64, 0, 64 213, 255, 32 50%
Custom #8f0040 143, 0, 64 236, 255, 72 75%
Custom #f27300 242, 115, 0 20, 255, 121 90%
Custom #ffbf00 255, 191, 0 31, 255, 128 100%

Nightfall Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Black #000000 0, 0, 0 0, 0, 0 0%
Custom #0a128c 10, 18, 140 167, 221, 75 40%
Custom #181cc7 24, 28, 199 169, 200, 112 70%
Custom #7005d4 112, 5, 212 192, 243, 109 88%
Custom #8c3d91 140, 61, 145 209, 104, 103 100%

Daybreak Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #5e9eff 94, 158, 255 153, 255, 175 0%
Custom #85c2ff 133, 194, 255 149, 255, 194 40%
Custom #c4d6eb 196, 214, 235 151, 126, 216 70%
Custom #ffebfa 255, 235, 250 224, 255, 245 100%

Horizon Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #dcebf5 220, 235, 245 145, 142, 233 0%
Custom #83a7c3 131, 167, 195 146, 89, 163 8%
Custom #768fb9 118, 143, 185 154, 83, 152 13%
Custom #83a7c3 131, 167, 195 146, 89, 163 21%
White #ffffff 255, 255, 255 170, 0, 255 52%
Custom #9c6563 156, 101, 99 1, 57, 128 56%
Custom #80302d 128, 48, 45 2, 122, 87 58%
Custom #c0524e 192, 82, 78 1, 121, 135 71%
Custom #ebdad4 235, 218, 212 11, 193, 224 94%
Custom #55261c 85, 38, 28 7, 129, 57 100%

Desert Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #fc9fcb 252, 159, 203 235, 240, 206 0%
Custom #f8b049 248, 176, 73 25, 236, 161 13%
Custom #f8b049 248, 176, 73 25, 236, 161 21%
Custom #fee7f2 254, 231, 242 235, 235, 243 63%
Custom #f952a0 249, 82, 160 235, 238, 166 67%
Custom #c50849 197, 8, 73 241, 235, 103 69%
Custom #b43e85 180, 62, 133 230, 124, 121 82%
Custom #f8b049 248, 176, 73 25, 236, 161 100%

Ocean Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #03d4a8 3, 212, 168 118, 248, 108 0%
Custom #21d6e0 33, 214, 224 130, 193, 129 25%
Custom #0087e6 0, 135, 230 145, 255, 115 75%
Custom #005cbf 0, 92, 191 150, 255, 96 100%

Calm Water Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Ice Blue #ccccff 204, 204, 255 170, 255, 230 0%
Pale Blue #99ccff 153, 204, 255 149, 255, 204 18%
Custom #9966ff 153, 102, 255 149, 255, 204 36%
Lavender #cc99ff 204, 153, 255 191, 255, 204 61%
Pale Blue #99ccff 153, 204, 255 149, 255, 204 82%
Ice Blue #ccccff 204, 204, 255 170, 255, 230 100%

Fire Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #fff200 255, 242, 0 40, 255, 128 0%
Custom #ff7a00 255, 122, 0 20, 255, 128 45%
Custom #ff0300 255, 3, 0 0, 255, 128 70%
Custom #4d0808 77, 8, 8 0, 207, 43 100%

Fog Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #8488c4 132, 136, 196 167, 90, 164 0%
Custom #d4deff 212, 222, 255 160, 255, 234 53%
Custom #d4deff 212, 222, 255 160, 255, 234 83%
Custom #96ab94 150, 171, 148 81, 31, 160 100%

Moss Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #ddebcf 221, 235, 207 64, 105, 221 0%
Custom #9cb86e 156, 184, 110 59, 87, 147 50%
Custom #156b13 21, 107, 19 84, 178, 63 100%

Peacock Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #3399ff 51, 153, 255 149, 255, 153 0%
Custom #00cccc 0, 204, 204 127, 255, 102 16%
Periwinkle #9999ff 153, 153, 255 170, 255, 204 47%
Custom #2e6792 46, 103, 146 146, 133, 96 60%
Custom #3333cc 51, 51, 204 170, 153, 128 71%
Custom #1170ff 17, 112, 255 153, 255, 136 81%
Custom #006699 0, 102, 153 142, 255, 77 100%

Wheat Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #fbeac7 251, 234, 199 28, 221, 225 0%
Custom #fee7f2 254, 231, 242 235, 235, 243 18%
Custom #fac77d 250, 199, 125 25, 236, 188 36%
Custom #fba97d 251, 169, 125 15, 240, 188 61%
Custom #fed49c 254, 212, 156 25, 235, 204 82%
Custom #fee7f2 254, 231, 242 235, 235, 243 100%

Parchment Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #ffefd1 255, 239, 209 27, 255, 232 0%
Custom #f0ebd5 240, 235, 213 34, 121, 227 65%
Custom #d1c39f 209, 195, 159 30, 90, 184 100%

Mahogany Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #d6b19c 214, 177, 156 15, 106, 185 0%
Custom #d49e6c 212, 158, 108 20, 140, 160 30%
Custom #a65528 166, 85, 40 15, 156, 103 70%
Custom #663012 102, 48, 18 15, 179, 60 100%

Rainbow Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #a603ab 166, 3, 171 211, 246, 87 0%
Custom #0819fb 8, 25, 251 167, 247, 130 21%
Custom #1a8d48 26, 141, 72 102, 176, 84 35%
Yellow #ffff00 255, 255, 0 42, 255, 128 52%
Custom #ee3f17 238, 63, 23 8, 220, 131 73%
Custom #e81766 232, 23, 102 239, 209, 128 88%
Custom #a603ab 166, 3, 171 211, 246, 87 100%

Rainbow II Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #ff3399 255, 51, 153 234, 255, 153 0%
Custom #ff6633 255, 102, 51 10, 255, 153 25%
Yellow #ffff00 255, 255, 0 42, 255, 128 50%
Custom #01a78f 1, 167, 143 121, 252, 84 75%
Light Blue #3366ff 51, 102, 255 160, 255, 153 100%

Gold Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #e6dcac 230, 220, 172 35, 137, 201 0%
Custom #e6d78a 230, 215, 138 35, 165, 184 12%
Custom #c7ac4c 199, 172, 76 33, 133, 138 30%
Custom #e6d78a 230, 215, 138 35, 165, 184 45%
Custom #c7ac4c 199, 172, 76 33, 133, 138 77%
Custom #e6dcac 230, 220, 172 35, 137, 201 100%

Gold II Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #fbe4ae 251, 228, 174 29, 231, 213 0%
Custom #bd922a 189, 146, 42 30, 162, 116 13%
Custom #bd922a 189, 146, 42 30, 162, 116 21%
Custom #fbe4ae 251, 228, 174 29, 231, 213 63%
Custom #bd922a 189, 146, 42 30, 162, 116 67%
Custom #835e17 131, 94, 23 28, 179, 77 69%
Custom #a28949 162, 137, 73 30, 97, 118 82%
Custom #fae3b7 250, 227, 183 28, 222, 217 100%

Brass Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #825600 130, 86, 0 28, 255, 65 0%
Custom #ffa800 255, 168, 0 28, 255, 128 13%
Custom #825600 130, 86, 0 28, 255, 65 28%
Custom #ffa800 255, 168, 0 28, 255, 128 43%
Custom #825600 130, 86, 0 28, 255, 65 58%
Custom #ffa800 255, 168, 0 28, 255, 128 72%
Custom #825600 130, 86, 0 28, 255, 65 87%
Custom #ffa800 255, 168, 0 28, 255, 128 100%

Chrome Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
White #ffffff 255, 255, 255 170, 0, 255 0%
Custom #1f1f1f 31, 31, 31 170, 0, 31 16%
White #ffffff 255, 255, 255 170, 0, 255 18%
Custom #636363 99, 99, 99 170, 0, 99 42%
Custom #cfcfcf 207, 207, 207 170, 0, 207 53%
Custom #cfcfcf 207, 207, 207 170, 0, 207 66%
Custom #1f1f1f 31, 31, 31 170, 0, 31 76%
White #ffffff 255, 255, 255 170, 0, 255 79%
Custom #7f7f7f 127, 127, 127 170, 0, 127 100%

Chrome II Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #cbcbcb 203, 203, 203 170, 0, 203 0%
Custom #5f5f5f 95, 95, 95 170, 0, 95 13%
Custom #5f5f5f 95, 95, 95 170, 0, 95 21%
White #ffffff 255, 255, 255 170, 0, 255 63%
Custom #b2b2b2 178, 178, 178 170, 0, 178 67%
Custom #292929 41, 41, 41 170, 0, 41 69%
Custom #777777 119, 119, 119 170, 0, 119 82%
Custom #eaeaea 234, 234, 234 170, 0, 234 100%

Silver Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
White #ffffff 255, 255, 255 170, 0, 255 0%
Custom #e6e6e6 230, 230, 230 170, 0, 230 7%
Custom #7d8496 125, 132, 150 158, 27, 138 32%
Custom #e6e6e6 230, 230, 230 170, 0, 230 47%
Custom #7d8496 125, 132, 150 158, 27, 138 85%
Custom #e6e6e6 230, 230, 230 170, 0, 230 100%

Sapphire Gradient Colours

Colour Colour Sample Hexadecimal Code RGB Percentage HSL Percentage Position
Custom #000082 0, 0, 130 170, 255, 65 0%
Custom #0047ff 0, 71, 255 158, 255, 128 13%
Custom #000082 0, 0, 130 170, 255, 65 28%
Custom #0047ff 0, 71, 255 158, 255, 128 43%
Custom #000082 0, 0, 130 170, 255, 65 58%
Custom #0047ff 0, 71, 255 158, 255, 128 72%
Custom #000082 0, 0, 130 170, 255, 65 87%
Custom #0047ff 0, 71, 255 158, 255, 128 100%

Results

Gradient Gradient Sample Wikitext Code
Early Sunset [1]
Late Sunset [2]
Nightfall [3]
Daybreak [4]
Horizon [5]
Desert [6]
Ocean [7]
Calm Water [8]
Fire [9]
Fog [10]
Moss [11]
Peacock [12]
Wheat [13]
Parchment [14]
Mahogany [15]
Rainbow [16]
Rainbow II [17]
Gold [18]
Gold II [19]
Brass [20]
Chrome [21]
Chrome II [22]
Silver [23]
Sapphire [24]

See also

References

  1. background:linear-gradient(90deg, #000082 0%, #66008f 30%, #ba0066 65%, #ff0000 90%, #ff8200 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  2. background:linear-gradient(90deg, #000000 0%, #000040 20%, #400040 50%, #8f0040 75%, #f27300 90%, #ffbf00 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  3. background:linear-gradient(90deg, #000000 0%, #0a128c 40%, #181cc7 70%, #7005d4 88%, #8c3d91 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  4. background:linear-gradient(90deg, #5e9eff 0%, #85c2ff 40%, #c4d6eb 70%, #ffebfa 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  5. background:linear-gradient(90deg, #dcebf5 0%, #83a7c3 8%, #768fb9 13%, #83a7c3 21%, #ffffff 52%, #9c6563 56%, #80302d 58%, #c0524e 71%, #ebdad4 94%, #55261c 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  6. background:linear-gradient(90deg, #fc9fcb 0%, #f8b049 13%, #f8b049 21%, #fee7f2 63%, #f952a0 67%, #c50849 69%, #b43e85 82%, #f8b049 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  7. background:linear-gradient(90deg, #03d4a8 0%, #21d6e0 25%, #0087e6 75%, #005cbf 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  8. background:linear-gradient(90deg, #ccccff 0%, #99ccff 18%, #9966ff 36%, #cc99ff 61%, #99ccff 82%, #ccccff 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  9. background:linear-gradient(90deg, #fff200 0%, #ff7a00 45%, #ff0300 70%, #4d0808 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  10. background:linear-gradient(90deg, #8488c4 0%, #d4deff 53%, #d4deff 83%, #96ab94 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  11. background:linear-gradient(90deg, #ddebcf 0%, #9cb86e 50%, #156b13 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  12. background:linear-gradient(90deg, #3399ff 0%, #00cccc 16%, #9999ff 47%, #2e6792 60%, #3333cc 71%, #1170ff 81%, #006699 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  13. background:linear-gradient(90deg, #fbeac7 0%, #fee7f2 18%, #fac77d 36%, #fba97d 61%, #fed49c 82%, #fee7f2 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  14. background:linear-gradient(90deg, #ffefd1 0%, #f0ebd5 65%, #d1c39f 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  15. background:linear-gradient(90deg, #d6b19c 0%, #d49e6c 30%, #a65528 70%, #663012 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  16. background:linear-gradient(90deg, #a603ab 0%, #0819fb 21%, #1a8d48 35%, #ffff00 52%, #ee3f17 73%, #e81766 88%, #a603ab 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  17. background:linear-gradient(90deg, #ff3399 0%, #ff6633 25%, #ffff00 50%, #01a78f 75%, #3366ff 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  18. background:linear-gradient(90deg, #e6dcac 0%, #e6d78a 12%, #c7ac4c 30%, #e6d78a 45%, #c7ac4c 77%, #e6dcac 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  19. background:linear-gradient(90deg, #fbe4ae 0%, #bd922a 13%, #bd922a 21%, #fbe4ae 63%, #bd922a 67%, #835e17 69%, #a28949 82%, #fae3b7 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  20. background:linear-gradient(90deg, #825600 0%, #ffa800 13%, #825600 28%, #ffa800 43%, #825600 58%, #ffa800 72%, #825600 87%, #ffa800 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  21. background:linear-gradient(90deg, #ffffff 0%, #1f1f1f 16%, #ffffff 18%, #636363 42%, #cfcfcf 53%, #cfcfcf 66%, #1f1f1f 76%, #ffffff 79%, #7f7f7f 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  22. background:linear-gradient(90deg, #cbcbcb 0%, #5f5f5f 13%, #5f5f5f 21%, #ffffff 63%, #b2b2b2 67%, #292929 69%, #777777 82%, #eaeaea 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  23. background:linear-gradient(90deg, #ffffff 0%, #e6e6e6 7%, #7d8496 32%, #e6e6e6 47%, #7d8496 85%, #e6e6e6 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;
  24. background:linear-gradient(90deg, #000082 0%, #0047ff 13%, #000082 28%, #0047ff 43%, #000082 58%, #0047ff 72%, #000082 87%, #0047ff 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;


Loading comments...