Gradient Types and Color Patterns

The content describes various gradient types and color patterns using RGB values and positioning to create visually appealing transitions. Each gradient type showcases a unique set of color stops and positions. The provided information includes detailed descriptions and links to visual representations of the gradients.

• Gradient types
• Color patterns
• RGB values
• Positioning
• Visual representation

deer_ena Follow

Uploaded on Oct 03, 2024 | 0 Views

Download Presentation

Please find below an Image/Link to download the presentation.

The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. Download presentation by click this link. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.

Presentation Transcript

1. Gradient Type 1 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 0 / G: 0 / B: 130 Stop #: 2 Position: 0.3 Transparency: Color RGB: R: 102 / G: 0 / B: 143 Stop #: 3 Position: 0.64999 Transparency: Color RGB: R: 186 / G: 0 / B: 102 Stop #: 4 Position: 0.89999 Transparency: Color RGB: R: 255 / G: 0 / B: 0 Stop #: 5 Position: 1 Transparency: Color RGB: R: 255 / G: 130 / B: 0 5 1 0 0 0 0 0 0

2. Gradient Type 2 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 0 / G: 0 / B: 0 Stop #: 2 Position: 0.2 Transparency: Color RGB: R: 0 / G: 0 / B: 64 Stop #: 3 Position: 0.5 Transparency: Color RGB: R: 64 / G: 0 / B: 64 Stop #: 4 Position: 0.75 Transparency: Color RGB: R: 143 / G: 0 / B: 64 Stop #: 5 Position: 0.89999 Transparency: Color RGB: R: 242 / G: 115 / B: 0 Stop #: 6 Position: 1 Transparency: Color RGB: R: 255 / G: 191 / B: 0 6 1 0 0 0 0 0 0 0

3. Gradient Type 3 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 0 / G: 0 / B: 0 Stop #: 2 Position: 0.39999 Transparency: Color RGB: R: 10 / G: 18 / B: 140 Stop #: 3 Position: 0.7 Transparency: Color RGB: R: 24 / G: 28 / B: 199 Stop #: 4 Position: 0.88 Transparency: Color RGB: R: 112 / G: 5 / B: 212 Stop #: 5 Position: 1 Transparency: Color RGB: R: 140 / G: 61 / B: 145 5 1 0 0 0 0 0 0

4. Gradient Type 4 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 94 / G: 158 / B: 255 Stop #: 2 Position: 0.39999 Transparency: Color RGB: R: 133 / G: 194 / B: 255 Stop #: 3 Position: 0.7 Transparency: Color RGB: R: 196 / G: 214 / B: 235 Stop #: 4 Position: 1 Transparency: Color RGB: R: 255 / G: 235 / B: 250 4 1 0 0 0 0 0

5. Color RGB: R: 220 / G: 235 / B: 245 Stop #: 2 Position: 0.08 Transparency: Color RGB: R: 131 / G: 167 / B: 195 Stop #: 3 Position: 0.13 Transparency: Color RGB: R: 118 / G: 143 / B: 185 Stop #: 4 Position: 0.21001 Transparency: Color RGB: R: 131 / G: 167 / B: 195 Stop #: 5 Position: 0.52 Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 6 Position: 0.56 Transparency: Color RGB: R: 156 / G: 101 / B: 99 Stop #: 7 Position: 0.58 Transparency: Color RGB: R: 128 / G: 48 / B: 45 Stop #: 8 Position: 0.71001 Transparency: Color RGB: R: 192 / G: 82 / B: 78 Stop #: 9 Position: 0.94 Transparency: Color RGB: R: 235 / G: 218 / B: 212 0 0 0 0 0 0 0 0

6. Gradient stops: Stop #: Position: Transparency: Color RGB: R: 252 / G: 159 / B: 203 Stop #: 2 Position: 0.13 Transparency: Color RGB: R: 248 / G: 176 / B: 73 Stop #: 3 Position: 0.21001 Transparency: Color RGB: R: 248 / G: 176 / B: 73 Stop #: 4 Position: 0.63 Transparency: Color RGB: R: 254 / G: 231 / B: 242 Stop #: 5 Position: 0.67 Transparency: Color RGB: R: 249 / G: 82 / B: 160 Stop #: 6 Position: 0.69 Transparency: Color RGB: R: 197 / G: 8 / B: 73 Stop #: 7 Position: 0.82001 Transparency: Color RGB: R: 180 / G: 62 / B: 133 Stop #: 8 Position: 1 Transparency: Color RGB: R: 248 / G: 176 / B: 73 8 1 0 0 0 0 0 0 0 0 0

7. Gradient Type 7 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 3 / G: 212 / B: 168 Stop #: 2 Position: 0.25 Transparency: Color RGB: R: 33 / G: 214 / B: 224 Stop #: 3 Position: 0.75 Transparency: Color RGB: R: 0 / G: 135 / B: 230 Stop #: 4 Position: 1 Transparency: Color RGB: R: 0 / G: 92 / B: 191 4 1 0 0 0 0 0

8. Gradient Type 8 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 204 / G: 204 / B: 255 Stop #: 2 Position: 0.17999 Transparency: Color RGB: R: 153 / G: 204 / B: 255 Stop #: 3 Position: 0.36 Transparency: Color RGB: R: 153 / G: 102 / B: 255 Stop #: 4 Position: 0.61 Transparency: Color RGB: R: 204 / G: 153 / B: 255 Stop #: 5 Position: 0.82001 Transparency: Color RGB: R: 153 / G: 204 / B: 255 Stop #: 6 Position: 1 Transparency: Color RGB: R: 204 / G: 204 / B: 255 6 1 0 0 0 0 0 0 0

9. Gradient Type 9 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 255 / G: 242 / B: 0 Stop #: 2 Position: 0.45 Transparency: Color RGB: R: 255 / G: 122 / B: 0 Stop #: 3 Position: 0.7 Transparency: Color RGB: R: 255 / G: 3 / B: 0 Stop #: 4 Position: 1 Transparency: Color RGB: R: 77 / G: 8 / B: 8 4 1 0 0 0 0 0

10. Gradient Type 10 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 132 / G: 136 / B: 196 Stop #: 2 Position: 0.53 Transparency: Color RGB: R: 212 / G: 222 / B: 255 Stop #: 3 Position: 0.83 Transparency: Color RGB: R: 212 / G: 222 / B: 255 Stop #: 4 Position: 1 Transparency: Color RGB: R: 150 / G: 171 / B: 148 4 1 0 0 0 0 0

11. Gradient Type 11 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 221 / G: 235 / B: 207 Stop #: 2 Position: 0.5 Transparency: Color RGB: R: 156 / G: 184 / B: 110 Stop #: 3 Position: 1 Transparency: Color RGB: R: 21 / G: 107 / B: 19 3 1 0 0 0 0

12. Gradient Type 12 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 51 / G: 153 / B: 255 Stop #: 2 Position: 0.16 Transparency: Color RGB: R: 0 / G: 204 / B: 204 Stop #: 3 Position: 0.47 Transparency: Color RGB: R: 153 / G: 153 / B: 255 Stop #: 4 Position: 0.60001 Transparency: Color RGB: R: 46 / G: 103 / B: 146 Stop #: 5 Position: 0.71001 Transparency: Color RGB: R: 51 / G: 51 / B: 204 Stop #: 6 Position: 0.81 Transparency: Color RGB: R: 17 / G: 112 / B: 255 Stop #: 7 Position: 1 Transparency: Color RGB: R: 0 / G: 102 / B: 153 7 1 0 0 0 0 0 0 0 0

13. Gradient Type 13 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 251 / G: 234 / B: 199 Stop #: 2 Position: 0.17999 Transparency: Color RGB: R: 254 / G: 231 / B: 242 Stop #: 3 Position: 0.36 Transparency: Color RGB: R: 250 / G: 199 / B: 125 Stop #: 4 Position: 0.61 Transparency: Color RGB: R: 251 / G: 169 / B: 125 Stop #: 5 Position: 0.82001 Transparency: Color RGB: R: 251 / G: 212 / B: 156 Stop #: 6 Position: 1 Transparency: Color RGB: R: 254 / G: 231 / B: 242 6 1 0 0 0 0 0 0 0

14. Gradient Type 14 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 255 / G: 239 / B: 209 Stop #: 2 Position: 0.64999 Transparency: Color RGB: R: 240 / G: 235 / B: 213 Stop #: 3 Position: 1 Transparency: Color RGB: R: 209 / G: 195 / B: 159 3 1 0 0 0 0

15. Gradient Type 15 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 214 / G: 177 / B: 156 Stop #: 2 Position: 0.3 Transparency: Color RGB: R: 212 / G: 158 / B: 108 Stop #: 3 Position: 0.7 Transparency: Color RGB: R: 166 / G: 85 / B: 40 Stop #: 4 Position: 1 Transparency: Color RGB: R: 102 / G: 48 / B: 18 4 1 0 0 0 0 0

16. Gradient Type 16 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 166 / G: 3 / B: 171 Stop #: 2 Position: 0.21001 Transparency: Color RGB: R: 8 / G: 25 / B: 251 Stop #: 3 Position: 0.35001 Transparency: Color RGB: R: 26 / G: 141 / B: 72 Stop #: 4 Position: 0.52 Transparency: Color RGB: R: 255 / G: 255 / B: 0 Stop #: 5 Position: 0.73 Transparency: Color RGB: R: 238 / G: 63 / B: 23 Stop #: 6 Position: 0.88 Transparency: Color RGB: R: 232 / G: 23 / B: 102 Stop #: 7 Position: 1 Transparency: Color RGB: R: 166 / G: 3 / B: 171 7 1 0 0 0 0 0 0 0 0

17. Gradient Type 17 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 255 / G: 51 / B: 153 Stop #: 2 Position: 0.25 Transparency: Color RGB: R: 255 / G: 102 / B: 51 Stop #: 3 Position: 0.5 Transparency: Color RGB: R: 255 / G: 255 / B: 0 Stop #: 4 Position: 0.75 Transparency: Color RGB: R: 1 / G: 167 / B: 143 Stop #: 5 Position: 1 Transparency: Color RGB: R: 51 / G: 102 / B: 255 5 1 0 0 0 0 0 0

18. Gradient Type 18 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 230 / G: 220 / B: 172 Stop #: 2 Position: 0.12 Transparency: Color RGB: R: 230 / G: 215 / B: 138 Stop #: 3 Position: 0.3 Transparency: Color RGB: R: 199 / G: 172 / B: 76 Stop #: 4 Position: 0.45 Transparency: Color RGB: R: 230 / G: 215 / B: 138 Stop #: 5 Position: 0.77 Transparency: Color RGB: R: 199 / G: 172 / B: 76 Stop #: 6 Position: 1 Transparency: Color RGB: R: 230 / G: 220 / B: 172 6 1 0 0 0 0 0 0 0

19. Gradient stops: Stop #: Position: Transparency: Color RGB: R: 251 / G: 228 / B: 174 Stop #: 2 Position: 0.13 Transparency: Color RGB: R: 189 / G: 146 / B: 42 Stop #: 3 Position: 0.21001 Transparency: Color RGB: R: 189 / G: 146 / B: 42 Stop #: 4 Position: 0.63 Transparency: Color RGB: R: 251 / G: 228 / B: 174 Stop #: 5 Position: 0.67 Transparency: Color RGB: R: 189 / G: 146 / B: 42 Stop #: 6 Position: 0.69 Transparency: Color RGB: R: 131 / G: 94 / B: 23 Stop #: 7 Position: 0.82001 Transparency: Color RGB: R: 162 / G: 137 / B: 73 Stop #: 8 Position: 1 Transparency: Color RGB: R: 250 / G: 227 / B: 183 8 1 0 0 0 0 0 0 0 0 0

20. Gradient stops: Stop #: Position: Transparency: Color RGB: R: 130 / G: 86 / B: 0 Stop #: 2 Position: 0.13 Transparency: Color RGB: R: 255 / G: 168 / B: 0 Stop #: 3 Position: 0.28 Transparency: Color RGB: R: 130 / G: 86 / B: 0 Stop #: 4 Position: 0.42999 Transparency: Color RGB: R: 255 / G: 168 / B: 0 Stop #: 5 Position: 0.58 Transparency: Color RGB: R: 130 / G: 86 / B: 0 Stop #: 6 Position: 0.72 Transparency: Color RGB: R: 255 / G: 168 / B: 0 Stop #: 7 Position: 0.87 Transparency: Color RGB: R: 130 / G: 86 / B: 0 Stop #: 8 Position: 1 Transparency: Color RGB: R: 255 / G: 168 / B: 0 8 1 0 0 0 0 0 0 0 0 0

21. Position: Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 2 Position: 0.16 Transparency: Color RGB: R: 31 / G: 31 / B: 31 Stop #: 3 Position: 0.17999 Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 4 Position: 0.42 Transparency: Color RGB: R: 99 / G: 99 / B: 99 Stop #: 5 Position: 0.53 Transparency: Color RGB: R: 207 / G: 207 / B: 207 Stop #: 6 Position: 0.66 Transparency: Color RGB: R: 207 / G: 207 / B: 207 Stop #: 7 Position: 0.75999 Transparency: Color RGB: R: 31 / G: 31 / B: 31 Stop #: 8 Position: 0.78999 Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 9 Position: 1 0 0 0 0 0 0 0 0 0

22. Gradient stops: Stop #: Position: Transparency: Color RGB: R: 203 / G: 203 / B: 203 Stop #: 2 Position: 0.13 Transparency: Color RGB: R: 95 / G: 95 / B: 95 Stop #: 3 Position: 0.21001 Transparency: Color RGB: R: 95 / G: 95 / B: 95 Stop #: 4 Position: 0.63 Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 5 Position: 0.67 Transparency: Color RGB: R: 178 / G: 178 / B: 178 Stop #: 6 Position: 0.69 Transparency: Color RGB: R: 41 / G: 41 / B: 41 Stop #: 7 Position: 0.82001 Transparency: Color RGB: R: 119 / G: 119 / B: 119 Stop #: 8 Position: 1 Transparency: Color RGB: R: 234 / G: 234 / B: 234 8 1 0 0 0 0 0 0 0 0 0

23. Gradient Type 23 Gradient stops: Stop #: Position: Transparency: Color RGB: R: 255 / G: 255 / B: 255 Stop #: 2 Position: 0.07001 Transparency: Color RGB: R: 230 / G: 230 / B: 230 Stop #: 3 Position: 0.32001 Transparency: Color RGB: R: 125 / G: 132 / B: 150 Stop #: 4 Position: 0.47 Transparency: Color RGB: R: 230 / G: 230 / B: 230 Stop #: 5 Position: 0.85001 Transparency: Color RGB: R: 125 / G: 132 / B: 150 Stop #: 6 Position: 1 Transparency: Color RGB: R: 230 / G: 230 / B: 230 6 1 0 0 0 0 0 0 0

24. Gradient stops: Stop #: Position: Transparency: Color RGB: R: 0 / G: 0 / B: 130 Stop #: 2 Position: 0.13 Transparency: Color RGB: R: 0 / G: 71 / B: 255 Stop #: 3 Position: 0.28 Transparency: Color RGB: R: 0 / G: 0 / B: 130 Stop #: 4 Position: 0.42999 Transparency: Color RGB: R: 0 / G: 71 / B: 255 Stop #: 5 Position: 0.58 Transparency: Color RGB: R: 0 / G: 0 / B: 130 Stop #: 6 Position: 0.72 Transparency: Color RGB: R: 0 / G: 71 / B: 255 Stop #: 7 Position: 0.87 Transparency: Color RGB: R: 0 / G: 0 / B: 130 Stop #: 8 Position: 1 Transparency: Color RGB: R: 0 / G: 71 / B: 255 8 1 0 0 0 0 0 0 0 0 0