For the first one, and the conditional formatting overlapped a bit because I didn't want to leave gaps, so I don't know how it decided how to format the ones in the overlap:
<1% = White background, Light Gray text.
Between 1% and 5% = Light Light Gray background, Black text.
Between 4.9% and 10% = Medium Light Gray background, Black text.
Between 9% and 20% = Dark Light Gray background, Black text.
Between 19% and 30% = Medium Dark Gray background, Black text.
Between 29% and 40% = Dark Gray background, Black text.
Between 39% and 50% = Sea Blue background, Black text.
>50% = Dark Blue background, White text.
For the second one, anything below 10% was lightened. 10-20 is Sea Blue. 20-40 is Dark Blue. Above 40 is Black.
The third and fourth are respectively transposed from the first and second.
The fifth and sixth have whatever's above average on each row darkened, and everything else not darkened.
The seventh is probably my favorite, it's based on the last table from @
slightlycrazed and it color codes it with different RGB shades for the Triads, and the eighth uses only one color for each triad.