Określenie koloru tła, bazując na grafice

Witam.

Mam taki oto obraz:

Chcę go wyświetlić jako tło w górnej częsci strony, a potem na dole kontynuować tym szarym kolorem, aby był taki efekt przedłużenia tej szarości do samego dołu. Ustaliłem, że ta "szarość" to konkretniej kolor: rgb([b]251[/b], [b]247[/b], [b]234[/b])

Tutaj demo: https://jsfiddle.net/wu6vm1q0/1/

I teraz tak - na PC wszystko jest ok - ten odcień szarości jest taki sam jak na zdjęciu, ładnie to wygląda.
Problem się pojawia, gdy wchodzę na tą stronę z urządzeń mobilnych (w moim przypadku android). Oto co się dzieje:

Skąd ten odcień żółci się tam bierze? Nijak nie mogę sobie poradzić z wyświetleniem tego koloru w poprawny sposób.

Ten żółty kolor to właśnie rgb(251, 247, 234) - najwyraźniej masz źle skonfigurowany monitor i tego nie dostrzegasz u siebie, ale u mnie na laptopie efekt jest taki, jak na pokazanym zrzucie z Androida :P

To w takim razie jaki powinien być ten kolor, aby zlewał się z dolną częścią koloru (szarości) z obrazka? Mółbyś mi go podać?

rgb(247, 247, 247)

Tak z ciekawości: w jaki sposób w ogóle otrzymałeś rgb(251, 247, 234)?

Dla 247, 247, 247 też zbytnio to nie działa:

Z painta - pobrałem kolor i w edycji kolorów można pobrać kolor RGB. Jak w tym siedzę, jeszcze nigdy mnie ten sposób nie zawiódł, ale Wy też deklarujecie 247, a to też nie jest ten kolor, co widać na screenie.

Jaja sobie robisz?
Ten obrazek z Twojego pierwszego postu jest ewidentnie szary, a ten powyżej żółty :|

Na niektórych androidach jest opcja eliminacji niebieskiego światła, co powoduje, że kolory są bardziej żółte. F.lux na windowsie nie powoduje, że te zmiany są widoczne na wykonanych screenshotach, ale możliwe, że na mobilce już tak, nie wiem, nie testowałem. Więc jeżeli robisz screenshota z mobilki i porównujesz obrazek z modyfikacjami do desktopa to może być taki efekt.

Rada: Składaj strony tylko na desktopie, wyłącz wszystko, co modyfikuje kolory, jeżeli pracujesz przy rzeczach, gdzie kolor ma znaczenie.