bitmap

Sur le principe du tableau de pixels...

Ci-dessous le code d'un tableau html de 16 cases sur 16.

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>image bitmap</title>
<style>
table {
    border-collapse: collapse;
}

td  {
    border: 1px solid black;
    width: 10px;
    height: 10px;
}

</style>
</head>
<body>
  
<table>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
</table>	
</body>
</html>

On donne ensuite une série d'entiers :

7 7 7 464 3032 2542 1984 2040 0 0 49152 57416 16384 0 0 0
0 2016 4088 0 0 0 0 0 272 136 248 3508 4092 2044 4064 3840
0 0 0 3623 5159 5648 6204 0 16104 32624 16129 515 4099 14339 28672 16384

Le principe d'utilisation de ces entiers est le suivant :

Traduire chaque entier en binaire sur 16 bits (ajouter des 0 à gauche si nécessaire)
Et utiliser le résultat pour placer la couleur de l'entier... Par exemple le second 7 vous permet de placer la couleur jaune orangé (couleur utilisée pour écrire l'entier) de la seconde ligne du tableau html :
- 7 sécrit en binaire sur 16 bits de la façon suivante : 0000 0000 0000 0111.
- Cela signifie que les cellules 14, 15 et 16 de la ligne 2 du tableau html auront cette couleur jaune-orange.

Bien entendu, ne faîtes pas cela à la main. Un petit script est attendu !

Source

L'idée est issue d'un site présentant des énigmes à ses lecteurs : prise2tete.

Un code possible :

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>image bitmap</title>
<style>
table {
    border-collapse: collapse;
}

td  {
    border: 1px solid black;
    width: 10px;
    height: 10px;
}

</style>
</head>
<body>
  
<table>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
</table>

<script>
var orange = [7, 7, 7, 464, 3032, 2542, 1984, 2040, 0 ,0, 49152 ,57416 ,16384, 0, 0,0];
var rouge = [0,2016, 4088, 0 ,0 ,0, 0, 0, 272, 136, 248, 3508, 4092, 2044, 4064, 3840];
var noir = [0, 0, 0, 3623, 5159, 5648, 6204, 0, 16104, 32624, 16129, 515, 4099, 14339, 28672, 16384]; 

 

//récupération du tableau des éléments td :
var tabCellules = document.getElementsByTagName("td");

function binaireSur16bits(entier){
	// entrée : entier est un entier naturel compris entre 0 et 65535
	// sortie : un string correspondant à l'écriture binaire de entier, 
	// des 0 à gauche si nécessaire
	// pour que l'écriture ait pour longueur 16 bits
	var codebin = entier.toString(2);
	var longueur = codebin.length;
	while (longueur < 16)
	{
		codebin = '0' + codebin;
		longueur = codebin.length;
	}
	return codebin;
}

function celluleOrange(){
	// mise en place du css pour colorier en orange les cellules concernées
	for(let ligne = 0; ligne < orange.length; ligne += 1)
	{
		var code = binaireSur16bits(orange[ligne]);
		for(let colonne = 0; colonne < code.length; colonne += 1)
		{
			if( code[colonne] === "1")
			{
				tabCellules[16*ligne + colonne].style.backgroundColor = "orange";
			}
		}
	}
}

function celluleRouge(){
	// mise en place du css pour colorier en rouge les cellules concernées
	for(var ligne = 0; ligne < rouge.length; ligne += 1)
	{
		var code = binaireSur16bits(rouge[ligne]);
		for(var colonne = 0; colonne < code.length; colonne += 1)
		{
			if( code[colonne] === "1")
			{
				tabCellules[16*ligne + colonne].style.backgroundColor = "red";
			}
		}
	}
}

function celluleNoir(){
	// mise en place du css pour colorier en noir les cellules concernées
	for(var ligne = 0; ligne < noir.length; ligne += 1)
	{
		var code = binaireSur16bits(noir[ligne]);
		for(var colonne = 0; colonne < code.length; colonne += 1)
		{
			if( code[colonne] === "1")
			{
				tabCellules[16*ligne + colonne].style.backgroundColor = "black";
			}
		}
	}
}

 
 
celluleOrange();celluleRouge();celluleNoir();
</script>	
</body>
</html>

Sur le principe du tableau de pixels, suite

On dispose maintenant d'un fichier ( à charger ici ) des couleurs d'une image. Chaque ligne de ce fichier est le code d'un tableau javascript (type array) correspondant aux couleurs des pixels composant une ligne d'une image.

L'idée est de créer, comme dans l'exercice précédent, un élément html de type table qui comportera autant de cellules que l'image ne comporte de pixels, chaque cellule du tableau ayant une couleur de fond correspondant à la couleur du pixel indiquée dans le fichier.

Si le fichier comportait par exemple comme premier tableau (array) : [ 'rgb(163,122,90)' , 'rgb(123,80,48)' , 'rgb(147,101,68)' , 'rgb(158,110,74)' ], cela signifierait que l'on aurait une image de seulement 4 pixels de large (4 pixels par ligne de l'image). Il nous faudrait donc créer un élément html table dont la première ligne comporterait 4 cellules, de couleurs de fond respectives : rgb(163,122,90), rgb(123,80,48), rgb(147,101,68), rgb(158,110,74).

Complétez la partie script ci-dessous (sans toucher à la partie html du code) de façon à afficher cette image. Ce script créera une ligne de l'élément html table pour chaque ligne de l'image et une cellule td par pixel, en attribuant la couleur du pixel à la cellule.

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>image bitmap</title>
<style>
table {
    border-collapse: collapse;
}

td  {
    
    width: 0.01px;
    height: 0.01px;
}

</style>
</head>
<body>
  
<table id="image">
</table>

<script>
 
</script>

 
</body>
</html>

Source

L'image originale (image au format jpg) : mère des dragons

Un code possible :

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>image bitmap</title>
<style>
table {
    border-collapse: collapse;
}

td  {
    
    width: 0.01px;
    height: 0.01px;
}

</style>
</head>
<body>
  
<table id="image">
</table>

<script>
// on crée une variable array dans laquelle on colle le code du tableau de notre fichier :
var couleurs = [[ 'rgb(163,122,90)' , 'rgb(123,80,48)' , 'rgb(147,101,68)' , 'rgb(158,110,74)' , 'rgb(161,113,73)' , 'rgb(167,119,81)' , 'rgb(134,89,56)' , 'rgb(183,137,111)' , 'rgb(218,170,132)' , 'rgb(225,175,138)' , 'rgb(238,185,151)' , 'rgb(235,180,149)' , 'rgb(245,191,163)' , 'rgb(241,194,168)' , 'rgb(240,200,175)' , 'rgb(242,206,182)' , 'rgb(244,191,160)' , 'rgb(238,183,152)' , 'rgb(227,171,136)' , 'rgb(216,160,123)' , 'rgb(215,161,125)' , 'rgb(217,167,132)' , 'rgb(210,165,132)' , 'rgb(199,156,124)' , 'rgb(227,184,150)' , 'rgb(207,166,134)' , 'rgb(161,122,91)' , 'rgb(175,138,109)' , 'rgb(169,132,105)' , 'rgb(161,122,93)' , 'rgb(159,115,88)' , 'rgb(148,103,74)' , 'rgb(127,76,57)' , 'rgb(120,90,64)' , 'rgb(88,71,41)' , 'rgb(75,49,26)' , 'rgb(127,91,75)' , 'rgb(127,94,75)' , 'rgb(150,116,91)' , 'rgb(147,105,80)' , 'rgb(155,105,72)' , 'rgb(160,108,71)' , 'rgb(155,105,68)' , 'rgb(156,108,72)' , 'rgb(150,107,73)' , 'rgb(148,105,73)' , 'rgb(155,106,73)' , 'rgb(154,101,67)' , 'rgb(110,75,47)' , 'rgb(99,64,36)' ],
[ 'rgb(158,133,103)' , 'rgb(113,86,57)' , 'rgb(134,105,75)' , 'rgb(131,101,67)' , 'rgb(148,118,82)' , 'rgb(150,122,85)' , 'rgb(129,102,73)' , 'rgb(166,140,117)' , 'rgb(211,170,138)' , 'rgb(227,184,152)' , 'rgb(242,195,167)' , 'rgb(244,197,171)' , 'rgb(252,206,183)' , 'rgb(248,207,187)' , 'rgb(247,212,193)' , 'rgb(254,223,205)' , 'rgb(255,222,201)' , 'rgb(234,193,171)' , 'rgb(224,182,158)' , 'rgb(220,178,153)' , 'rgb(209,167,142)' , 'rgb(209,172,146)' , 'rgb(213,178,156)' , 'rgb(199,167,146)' , 'rgb(193,164,146)' , 'rgb(217,192,172)' , 'rgb(183,160,144)' , 'rgb(153,134,119)' , 'rgb(146,127,113)' , 'rgb(149,130,116)' , 'rgb(147,125,112)' , 'rgb(136,112,100)' , 'rgb(131,104,97)' , 'rgb(107,93,82)' , 'rgb(89,79,67)' , 'rgb(99,80,73)' , 'rgb(106,87,83)' , 'rgb(146,135,131)' , 'rgb(115,102,93)' , 'rgb(138,116,105)' , 'rgb(144,104,78)' , 'rgb(144,103,75)' , 'rgb(133,92,62)' , 'rgb(134,97,68)' , 'rgb(126,92,65)' , 'rgb(124,92,67)' , 'rgb(127,91,65)' , 'rgb(119,79,53)' , 'rgb(87,62,42)' , 'rgb(76,51,31)' ],
[ 'rgb(144,126,102)' , 'rgb(109,88,67)' , 'rgb(125,103,80)' , 'rgb(117,93,67)' , 'rgb(126,102,74)' , 'rgb(125,105,78)' , 'rgb(118,100,80)' , 'rgb(158,140,126)' , 'rgb(217,183,156)' , 'rgb(239,203,179)' , 'rgb(244,206,183)' , 'rgb(246,205,185)' , 'rgb(248,210,191)' , 'rgb(248,215,198)' , 'rgb(245,216,202)' , 'rgb(253,227,214)' , 'rgb(242,210,195)' , 'rgb(245,212,195)' , 'rgb(228,193,174)' , 'rgb(213,176,157)' , 'rgb(212,175,156)' , 'rgb(201,166,147)' , 'rgb(197,164,147)' , 'rgb(216,184,169)' , 'rgb(196,172,160)' , 'rgb(183,163,152)' , 'rgb(203,186,176)' , 'rgb(156,146,137)' , 'rgb(120,113,107)' , 'rgb(134,127,121)' , 'rgb(132,124,121)' , 'rgb(124,116,113)' , 'rgb(103,92,90)' , 'rgb(97,88,83)' , 'rgb(121,106,103)' , 'rgb(108,83,86)' , 'rgb(67,55,59)' , 'rgb(92,96,97)' , 'rgb(104,108,107)' , 'rgb(157,147,148)' , 'rgb(127,100,81)' , 'rgb(132,101,81)' , 'rgb(133,102,81)' , 'rgb(134,107,86)' , 'rgb(116,93,75)' , 'rgb(111,89,75)' , 'rgb(109,86,70)' , 'rgb(103,76,59)' , 'rgb(72,60,48)' , 'rgb(62,49,40)' ],
[ 'rgb(121,98,82)' , 'rgb(112,86,71)' , 'rgb(134,106,92)' , 'rgb(139,110,92)' , 'rgb(125,97,76)' , 'rgb(124,97,78)' , 'rgb(117,93,81)' , 'rgb(168,145,139)' , 'rgb(210,179,158)' , 'rgb(237,205,184)' , 'rgb(237,202,182)' , 'rgb(237,202,183)' , 'rgb(241,205,189)' , 'rgb(248,216,203)' , 'rgb(245,217,205)' , 'rgb(247,223,211)' , 'rgb(255,224,207)' , 'rgb(243,208,189)' , 'rgb(234,197,178)' , 'rgb(235,197,176)' , 'rgb(231,190,170)' , 'rgb(212,171,151)' , 'rgb(198,157,137)' , 'rgb(196,155,137)' , 'rgb(212,177,158)' , 'rgb(186,155,137)' , 'rgb(189,163,148)' , 'rgb(194,175,161)' , 'rgb(151,137,124)' , 'rgb(120,110,100)' , 'rgb(159,149,140)' , 'rgb(137,126,120)' , 'rgb(106,93,85)' , 'rgb(149,131,121)' , 'rgb(192,157,151)' , 'rgb(145,101,100)' , 'rgb(113,87,86)' , 'rgb(44,45,39)' , 'rgb(41,43,38)' , 'rgb(162,151,149)' , 'rgb(132,110,96)' , 'rgb(125,99,82)' , 'rgb(138,111,92)' , 'rgb(133,108,88)' , 'rgb(117,95,81)' , 'rgb(104,86,72)' , 'rgb(97,78,64)' , 'rgb(98,76,62)' , 'rgb(64,55,46)' , 'rgb(54,45,36)' ],
[ 'rgb(112,89,75)' , 'rgb(97,71,58)' , 'rgb(116,88,74)' , 'rgb(120,91,75)' , 'rgb(106,78,57)' , 'rgb(109,82,63)' , 'rgb(114,90,78)' , 'rgb(178,155,149)' , 'rgb(209,178,157)' , 'rgb(233,201,180)' , 'rgb(234,199,179)' , 'rgb(240,205,185)' , 'rgb(239,204,185)' , 'rgb(241,208,193)' , 'rgb(242,213,199)' , 'rgb(249,221,209)' , 'rgb(249,220,206)' , 'rgb(255,226,212)' , 'rgb(242,209,194)' , 'rgb(204,168,152)' , 'rgb(174,137,119)' , 'rgb(169,130,113)' , 'rgb(179,137,121)' , 'rgb(183,141,125)' , 'rgb(193,151,129)' , 'rgb(200,162,141)' , 'rgb(185,153,132)' , 'rgb(198,173,153)' , 'rgb(188,169,152)' , 'rgb(139,123,108)' , 'rgb(158,144,133)' , 'rgb(173,159,150)' , 'rgb(137,123,112)' , 'rgb(140,116,104)' , 'rgb(157,114,105)' , 'rgb(146,93,87)' , 'rgb(141,108,101)' , 'rgb(113,109,100)' , 'rgb(28,29,21)' , 'rgb(85,74,70)' , 'rgb(164,141,125)' , 'rgb(136,109,90)' , 'rgb(146,115,94)' , 'rgb(130,99,78)' , 'rgb(127,100,81)' , 'rgb(114,91,75)' , 'rgb(103,80,62)' , 'rgb(107,81,64)' , 'rgb(74,60,49)' , 'rgb(64,50,39)' ],
[ 'rgb(119,108,90)' , 'rgb(80,67,50)' , 'rgb(96,79,61)' , 'rgb(87,69,47)' , 'rgb(94,77,51)' , 'rgb(100,82,58)' , 'rgb(113,96,78)' , 'rgb(174,158,145)' , 'rgb(217,185,164)' , 'rgb(235,200,178)' , 'rgb(236,201,179)' , 'rgb(245,209,187)' , 'rgb(241,204,185)' , 'rgb(238,203,184)' , 'rgb(249,216,199)' , 'rgb(255,223,208)' , 'rgb(249,228,223)' , 'rgb(208,187,182)' , 'rgb(145,122,116)' , 'rgb(118,91,84)' , 'rgb(129,100,92)' , 'rgb(127,97,87)' , 'rgb(117,84,75)' , 'rgb(123,89,79)' , 'rgb(177,139,120)' , 'rgb(192,157,138)' , 'rgb(200,173,154)' , 'rgb(191,172,155)' , 'rgb(185,172,156)' , 'rgb(154,141,132)' , 'rgb(125,114,108)' , 'rgb(187,176,172)' , 'rgb(167,157,155)' , 'rgb(131,116,109)' , 'rgb(134,104,94)' , 'rgb(167,124,118)' , 'rgb(123,92,89)' , 'rgb(121,116,112)' , 'rgb(74,80,78)' , 'rgb(38,38,40)' , 'rgb(148,127,108)' , 'rgb(132,105,84)' , 'rgb(136,104,79)' , 'rgb(123,89,64)' , 'rgb(128,96,73)' , 'rgb(114,86,65)' , 'rgb(109,81,59)' , 'rgb(112,84,62)' , 'rgb(98,79,64)' , 'rgb(88,69,54)' ],
[ 'rgb(114,107,89)' , 'rgb(83,71,55)' , 'rgb(114,98,82)' , 'rgb(110,94,71)' , 'rgb(121,104,78)' , 'rgb(128,111,85)' , 'rgb(121,104,84)' , 'rgb(171,155,140)' , 'rgb(206,174,153)' , 'rgb(227,195,174)' , 'rgb(236,201,181)' , 'rgb(239,204,182)' , 'rgb(242,205,186)' , 'rgb(244,209,190)' , 'rgb(249,213,197)' , 'rgb(220,187,170)' , 'rgb(158,134,130)' , 'rgb(108,83,79)' , 'rgb(126,101,96)' , 'rgb(206,177,171)' , 'rgb(240,210,202)' , 'rgb(221,188,179)' , 'rgb(194,160,150)' , 'rgb(179,143,131)' , 'rgb(187,152,133)' , 'rgb(205,172,155)' , 'rgb(212,187,167)' , 'rgb(213,194,177)' , 'rgb(178,162,147)' , 'rgb(158,146,134)' , 'rgb(134,121,115)' , 'rgb(164,150,147)' , 'rgb(179,167,171)' , 'rgb(139,132,126)' , 'rgb(113,95,85)' , 'rgb(166,131,125)' , 'rgb(162,128,126)' , 'rgb(101,89,89)' , 'rgb(105,109,110)' , 'rgb(47,52,55)' , 'rgb(124,108,93)' , 'rgb(145,122,104)' , 'rgb(132,101,80)' , 'rgb(134,99,77)' , 'rgb(132,100,79)' , 'rgb(119,91,69)' , 'rgb(125,97,75)' , 'rgb(120,92,68)' , 'rgb(99,80,63)' , 'rgb(89,70,53)' ],
[ 'rgb(97,81,68)' , 'rgb(79,61,49)' , 'rgb(115,93,80)' , 'rgb(118,92,75)' , 'rgb(117,91,68)' , 'rgb(138,112,89)' , 'rgb(125,98,81)' , 'rgb(181,154,143)' , 'rgb(195,164,144)' , 'rgb(230,197,178)' , 'rgb(243,211,190)' , 'rgb(235,200,180)' , 'rgb(239,204,185)' , 'rgb(242,207,188)' , 'rgb(219,186,169)' , 'rgb(143,110,95)' , 'rgb(138,101,92)' , 'rgb(170,134,122)' , 'rgb(200,164,152)' , 'rgb(208,170,157)' , 'rgb(206,164,148)' , 'rgb(205,162,145)' , 'rgb(204,159,140)' , 'rgb(198,151,131)' , 'rgb(203,162,140)' , 'rgb(215,179,157)' , 'rgb(233,203,179)' , 'rgb(216,192,168)' , 'rgb(167,146,125)' , 'rgb(185,166,151)' , 'rgb(138,118,107)' , 'rgb(139,119,110)' , 'rgb(197,177,179)' , 'rgb(160,150,141)' , 'rgb(129,116,99)' , 'rgb(140,107,92)' , 'rgb(169,130,123)' , 'rgb(122,101,96)' , 'rgb(143,139,136)' , 'rgb(56,58,55)' , 'rgb(122,112,102)' , 'rgb(162,144,130)' , 'rgb(119,94,74)' , 'rgb(131,100,79)' , 'rgb(125,97,76)' , 'rgb(118,91,72)' , 'rgb(126,101,79)' , 'rgb(108,82,59)' , 'rgb(85,68,52)' , 'rgb(74,56,42)' ],
[ 'rgb(102,92,82)' , 'rgb(69,56,40)' , 'rgb(120,99,78)' , 'rgb(123,99,73)' , 'rgb(122,96,69)' , 'rgb(137,115,91)' , 'rgb(131,112,95)' , 'rgb(165,149,134)' , 'rgb(186,170,147)' , 'rgb(208,179,163)' , 'rgb(241,197,186)' , 'rgb(239,187,174)' , 'rgb(249,200,183)' , 'rgb(243,200,181)' , 'rgb(228,191,175)' , 'rgb(181,147,135)' , 'rgb(208,162,149)' , 'rgb(196,148,136)' , 'rgb(174,129,123)' , 'rgb(144,113,111)' , 'rgb(112,93,97)' , 'rgb(79,64,67)' , 'rgb(125,100,96)' , 'rgb(188,150,139)' , 'rgb(210,183,156)' , 'rgb(223,197,174)' , 'rgb(228,203,183)' , 'rgb(213,190,174)' , 'rgb(176,157,143)' , 'rgb(194,176,162)' , 'rgb(156,140,127)' , 'rgb(121,107,94)' , 'rgb(193,175,165)' , 'rgb(173,174,158)' , 'rgb(143,133,123)' , 'rgb(121,79,81)' , 'rgb(135,94,98)' , 'rgb(124,119,113)' , 'rgb(150,157,149)' , 'rgb(96,88,85)' , 'rgb(104,95,90)' , 'rgb(131,115,102)' , 'rgb(117,90,71)' , 'rgb(137,105,82)' , 'rgb(124,94,70)' , 'rgb(119,91,69)' , 'rgb(124,96,75)' , 'rgb(115,87,66)' , 'rgb(101,78,60)' , 'rgb(87,66,49)' ],
[ 'rgb(87,77,67)' , 'rgb(69,53,38)' , 'rgb(123,102,81)' , 'rgb(130,106,80)' , 'rgb(138,112,85)' , 'rgb(140,118,94)' , 'rgb(116,98,78)' , 'rgb(147,131,116)' , 'rgb(190,171,156)' , 'rgb(146,124,111)' , 'rgb(123,99,87)' , 'rgb(125,104,87)' , 'rgb(192,171,150)' , 'rgb(230,204,181)' , 'rgb(239,204,185)' , 'rgb(216,173,157)' , 'rgb(193,149,136)' , 'rgb(184,145,130)' , 'rgb(123,95,83)' , 'rgb(174,166,155)' , 'rgb(96,99,92)' , 'rgb(55,54,49)' , 'rgb(115,95,86)' , 'rgb(231,193,180)' , 'rgb(239,207,182)' , 'rgb(231,200,179)' , 'rgb(238,211,192)' , 'rgb(206,183,167)' , 'rgb(178,159,144)' , 'rgb(197,179,165)' , 'rgb(148,128,117)' , 'rgb(130,110,99)' , 'rgb(185,167,155)' , 'rgb(189,187,172)' , 'rgb(170,160,150)' , 'rgb(133,94,95)' , 'rgb(90,54,56)' , 'rgb(118,113,107)' , 'rgb(155,162,154)' , 'rgb(140,130,128)' , 'rgb(75,70,66)' , 'rgb(99,85,74)' , 'rgb(115,90,70)' , 'rgb(151,119,94)' , 'rgb(137,105,80)' , 'rgb(138,110,86)' , 'rgb(147,119,98)' , 'rgb(112,85,64)' , 'rgb(89,70,55)' , 'rgb(80,62,48)' ],
[ 'rgb(97,85,73)' , 'rgb(75,59,43)' , 'rgb(128,107,86)' , 'rgb(136,112,86)' , 'rgb(144,118,93)' , 'rgb(140,116,92)' , 'rgb(109,91,71)' , 'rgb(130,113,97)' , 'rgb(185,165,154)' , 'rgb(107,83,73)' , 'rgb(117,86,81)' , 'rgb(164,129,125)' , 'rgb(174,140,131)' , 'rgb(205,169,155)' , 'rgb(255,216,199)' , 'rgb(234,191,172)' , 'rgb(200,163,147)' , 'rgb(203,164,149)' , 'rgb(153,113,105)' , 'rgb(207,174,169)' , 'rgb(171,147,145)' , 'rgb(155,136,130)' , 'rgb(200,176,164)' , 'rgb(255,228,210)' , 'rgb(250,214,190)' , 'rgb(226,191,169)' , 'rgb(226,198,177)' , 'rgb(205,182,164)' , 'rgb(198,181,165)' , 'rgb(184,166,152)' , 'rgb(140,116,106)' , 'rgb(137,107,99)' , 'rgb(177,157,146)' , 'rgb(199,196,181)' , 'rgb(185,177,164)' , 'rgb(112,84,80)' , 'rgb(55,29,28)' , 'rgb(125,122,115)' , 'rgb(163,169,159)' , 'rgb(156,146,144)' , 'rgb(108,108,106)' , 'rgb(142,133,124)' , 'rgb(116,93,75)' , 'rgb(131,101,75)' , 'rgb(133,102,74)' , 'rgb(137,107,83)' , 'rgb(129,103,80)' , 'rgb(131,104,83)' , 'rgb(93,77,62)' , 'rgb(76,60,47)' ],
[ 'rgb(112,99,83)' , 'rgb(78,61,43)' , 'rgb(129,109,85)' , 'rgb(142,116,91)' , 'rgb(148,122,97)' , 'rgb(149,125,101)' , 'rgb(127,106,85)' , 'rgb(135,116,99)' , 'rgb(184,162,148)' , 'rgb(135,107,96)' , 'rgb(196,161,157)' , 'rgb(159,120,121)' , 'rgb(117,81,83)' , 'rgb(124,91,86)' , 'rgb(219,187,174)' , 'rgb(248,215,196)' , 'rgb(219,188,168)' , 'rgb(233,194,179)' , 'rgb(227,180,172)' , 'rgb(203,155,153)' , 'rgb(213,172,168)' , 'rgb(227,194,185)' , 'rgb(255,231,214)' , 'rgb(253,226,205)' , 'rgb(252,209,190)' , 'rgb(231,190,170)' , 'rgb(219,184,165)' , 'rgb(214,192,171)' , 'rgb(217,202,183)' , 'rgb(142,126,110)' , 'rgb(121,94,83)' , 'rgb(134,97,91)' , 'rgb(156,136,125)' , 'rgb(203,196,180)' , 'rgb(186,180,166)' , 'rgb(72,53,46)' , 'rgb(71,54,47)' , 'rgb(146,146,136)' , 'rgb(173,174,166)' , 'rgb(138,127,125)' , 'rgb(96,102,102)' , 'rgb(116,112,103)' , 'rgb(117,98,81)' , 'rgb(160,132,108)' , 'rgb(135,105,79)' , 'rgb(141,113,89)' , 'rgb(138,112,89)' , 'rgb(128,104,80)' , 'rgb(105,88,72)' , 'rgb(84,68,53)' ],
[ 'rgb(134,119,100)' , 'rgb(98,80,60)' , 'rgb(133,111,88)' , 'rgb(134,108,85)' , 'rgb(147,121,96)' , 'rgb(138,114,90)' , 'rgb(109,87,66)' , 'rgb(119,98,79)' , 'rgb(188,160,139)' , 'rgb(116,94,71)' , 'rgb(104,91,72)' , 'rgb(75,71,59)' , 'rgb(130,129,124)' , 'rgb(35,30,24)' , 'rgb(146,129,119)' , 'rgb(255,230,215)' , 'rgb(222,190,169)' , 'rgb(234,203,185)' , 'rgb(253,227,212)' , 'rgb(236,217,202)' , 'rgb(237,220,204)' , 'rgb(246,228,208)' , 'rgb(245,220,200)' , 'rgb(241,210,192)' , 'rgb(243,198,179)' , 'rgb(229,184,165)' , 'rgb(219,178,160)' , 'rgb(215,188,169)' , 'rgb(223,208,187)' , 'rgb(125,109,93)' , 'rgb(101,74,63)' , 'rgb(130,91,86)' , 'rgb(137,119,107)' , 'rgb(211,202,187)' , 'rgb(189,181,168)' , 'rgb(57,44,35)' , 'rgb(110,100,91)' , 'rgb(167,164,155)' , 'rgb(173,173,165)' , 'rgb(120,111,106)' , 'rgb(72,78,78)' , 'rgb(76,73,66)' , 'rgb(103,87,72)' , 'rgb(150,127,109)' , 'rgb(125,98,77)' , 'rgb(126,101,79)' , 'rgb(147,123,99)' , 'rgb(140,114,89)' , 'rgb(116,95,76)' , 'rgb(103,82,63)' ],
[ 'rgb(137,121,98)' , 'rgb(108,90,68)' , 'rgb(126,104,81)' , 'rgb(118,92,69)' , 'rgb(148,122,99)' , 'rgb(138,112,89)' , 'rgb(112,87,65)' , 'rgb(136,114,93)' , 'rgb(193,169,145)' , 'rgb(137,113,87)' , 'rgb(96,76,51)' , 'rgb(95,79,63)' , 'rgb(186,173,167)' , 'rgb(140,126,123)' , 'rgb(201,184,174)' , 'rgb(247,226,209)' , 'rgb(227,195,172)' , 'rgb(232,201,183)' , 'rgb(240,210,199)' , 'rgb(253,225,213)' , 'rgb(248,219,203)' , 'rgb(248,220,199)' , 'rgb(246,215,197)' , 'rgb(246,213,198)' , 'rgb(235,190,171)' , 'rgb(216,167,150)' , 'rgb(216,169,153)' , 'rgb(200,167,148)' , 'rgb(220,203,183)' , 'rgb(158,145,128)' , 'rgb(77,55,42)' , 'rgb(112,75,69)' , 'rgb(156,140,125)' , 'rgb(215,203,189)' , 'rgb(179,167,155)' , 'rgb(75,62,53)' , 'rgb(142,132,123)' , 'rgb(171,164,156)' , 'rgb(154,149,143)' , 'rgb(101,96,90)' , 'rgb(61,66,62)' , 'rgb(89,86,81)' , 'rgb(102,89,80)' , 'rgb(106,90,77)' , 'rgb(131,112,98)' , 'rgb(107,86,69)' , 'rgb(124,99,77)' , 'rgb(149,122,95)' , 'rgb(113,88,66)' , 'rgb(90,68,45)' ],
[ 'rgb(164,146,122)' , 'rgb(124,104,80)' , 'rgb(138,116,92)' , 'rgb(123,97,74)' , 'rgb(140,114,91)' , 'rgb(132,106,83)' , 'rgb(123,98,76)' , 'rgb(145,123,100)' , 'rgb(188,171,151)' , 'rgb(127,101,78)' , 'rgb(143,107,83)' , 'rgb(128,84,71)' , 'rgb(162,121,117)' , 'rgb(223,185,184)' , 'rgb(228,196,185)' , 'rgb(240,212,190)' , 'rgb(224,192,169)' , 'rgb(235,199,183)' , 'rgb(255,215,207)' , 'rgb(255,220,211)' , 'rgb(255,215,203)' , 'rgb(251,205,190)' , 'rgb(252,212,200)' , 'rgb(241,207,197)' , 'rgb(238,195,176)' , 'rgb(216,165,148)' , 'rgb(214,161,147)' , 'rgb(196,158,139)' , 'rgb(212,194,172)' , 'rgb(201,190,170)' , 'rgb(68,50,36)' , 'rgb(120,90,82)' , 'rgb(196,184,168)' , 'rgb(193,179,166)' , 'rgb(155,139,126)' , 'rgb(101,87,76)' , 'rgb(158,145,137)' , 'rgb(155,144,138)' , 'rgb(125,118,110)' , 'rgb(86,86,78)' , 'rgb(79,78,73)' , 'rgb(102,97,91)' , 'rgb(103,94,89)' , 'rgb(82,71,67)' , 'rgb(107,94,88)' , 'rgb(107,90,80)' , 'rgb(141,119,98)' , 'rgb(162,132,104)' , 'rgb(144,119,97)' , 'rgb(115,93,70)' ],
[ 'rgb(167,150,124)' , 'rgb(108,88,63)' , 'rgb(141,117,93)' , 'rgb(130,104,81)' , 'rgb(122,96,73)' , 'rgb(120,94,71)' , 'rgb(131,106,84)' , 'rgb(136,111,89)' , 'rgb(187,171,158)' , 'rgb(115,99,76)' , 'rgb(112,93,63)' , 'rgb(143,121,97)' , 'rgb(213,187,172)' , 'rgb(231,201,190)' , 'rgb(238,201,183)' , 'rgb(253,212,184)' , 'rgb(235,197,174)' , 'rgb(210,181,163)' , 'rgb(222,203,188)' , 'rgb(230,213,195)' , 'rgb(243,223,199)' , 'rgb(240,212,190)' , 'rgb(244,206,193)' , 'rgb(244,203,197)' , 'rgb(229,188,168)' , 'rgb(217,166,149)' , 'rgb(210,154,139)' , 'rgb(203,160,143)' , 'rgb(204,183,162)' , 'rgb(223,215,194)' , 'rgb(92,79,63)' , 'rgb(181,154,145)' , 'rgb(221,212,195)' , 'rgb(164,148,135)' , 'rgb(137,119,107)' , 'rgb(120,103,93)' , 'rgb(162,148,139)' , 'rgb(136,123,117)' , 'rgb(108,101,93)' , 'rgb(87,88,80)' , 'rgb(99,94,88)' , 'rgb(122,115,109)' , 'rgb(112,104,101)' , 'rgb(85,79,79)' , 'rgb(86,78,76)' , 'rgb(113,98,91)' , 'rgb(143,121,100)' , 'rgb(146,115,87)' , 'rgb(129,107,86)' , 'rgb(109,88,67)' ],
[ 'rgb(170,154,131)' , 'rgb(104,86,66)' , 'rgb(110,91,74)' , 'rgb(107,86,65)' , 'rgb(120,99,72)' , 'rgb(138,114,86)' , 'rgb(140,114,87)' , 'rgb(138,110,86)' , 'rgb(195,187,168)' , 'rgb(119,92,71)' , 'rgb(117,86,58)' , 'rgb(138,117,88)' , 'rgb(229,202,181)' , 'rgb(248,204,193)' , 'rgb(234,192,178)' , 'rgb(246,220,197)' , 'rgb(235,209,186)' , 'rgb(232,197,177)' , 'rgb(216,175,157)' , 'rgb(231,190,172)' , 'rgb(254,217,199)' , 'rgb(240,205,186)' , 'rgb(246,204,190)' , 'rgb(246,198,186)' , 'rgb(227,184,167)' , 'rgb(218,169,154)' , 'rgb(206,154,140)' , 'rgb(203,162,144)' , 'rgb(189,162,141)' , 'rgb(214,199,178)' , 'rgb(153,140,123)' , 'rgb(213,197,182)' , 'rgb(204,186,172)' , 'rgb(152,133,119)' , 'rgb(117,97,86)' , 'rgb(136,122,111)' , 'rgb(174,165,156)' , 'rgb(108,105,96)' , 'rgb(83,80,73)' , 'rgb(80,75,69)' , 'rgb(98,84,83)' , 'rgb(139,136,131)' , 'rgb(103,110,102)' , 'rgb(97,99,86)' , 'rgb(106,93,77)' , 'rgb(134,108,91)' , 'rgb(112,86,69)' , 'rgb(113,92,75)' , 'rgb(110,89,72)' , 'rgb(107,86,69)' ],
[ 'rgb(176,161,142)' , 'rgb(102,85,69)' , 'rgb(109,92,76)' , 'rgb(106,87,70)' , 'rgb(127,107,83)' , 'rgb(153,129,103)' , 'rgb(147,123,99)' , 'rgb(141,114,93)' , 'rgb(204,197,181)' , 'rgb(141,118,100)' , 'rgb(125,97,73)' , 'rgb(135,114,87)' , 'rgb(206,178,157)' , 'rgb(238,194,183)' , 'rgb(232,188,175)' , 'rgb(235,204,183)' , 'rgb(218,160,148)' , 'rgb(179,125,113)' , 'rgb(200,154,141)' , 'rgb(236,199,183)' , 'rgb(251,219,204)' , 'rgb(240,211,195)' , 'rgb(237,204,187)' , 'rgb(243,206,190)' , 'rgb(231,190,172)' , 'rgb(209,163,147)' , 'rgb(208,162,146)' , 'rgb(194,155,138)' , 'rgb(197,172,152)' , 'rgb(215,200,179)' , 'rgb(176,163,146)' , 'rgb(206,190,175)' , 'rgb(165,146,131)' , 'rgb(105,83,70)' , 'rgb(122,100,89)' , 'rgb(137,120,110)' , 'rgb(155,147,136)' , 'rgb(121,117,108)' , 'rgb(84,79,73)' , 'rgb(90,83,77)' , 'rgb(99,86,80)' , 'rgb(131,128,123)' , 'rgb(98,103,96)' , 'rgb(119,121,110)' , 'rgb(119,107,95)' , 'rgb(125,102,88)' , 'rgb(103,80,64)' , 'rgb(99,80,63)' , 'rgb(106,89,71)' , 'rgb(102,85,67)' ],
[ 'rgb(138,125,109)' , 'rgb(86,72,59)' , 'rgb(102,86,73)' , 'rgb(95,77,63)' , 'rgb(115,97,77)' , 'rgb(128,108,84)' , 'rgb(114,92,71)' , 'rgb(120,97,79)' , 'rgb(197,193,181)' , 'rgb(169,153,138)' , 'rgb(112,90,69)' , 'rgb(121,99,76)' , 'rgb(159,130,112)' , 'rgb(237,195,181)' , 'rgb(237,194,178)' , 'rgb(203,168,148)' , 'rgb(186,119,110)' , 'rgb(196,144,131)' , 'rgb(218,182,170)' , 'rgb(249,223,210)' , 'rgb(247,221,208)' , 'rgb(225,197,183)' , 'rgb(245,216,198)' , 'rgb(232,204,183)' , 'rgb(231,194,175)' , 'rgb(217,179,160)' , 'rgb(205,166,149)' , 'rgb(204,171,152)' , 'rgb(227,205,184)' , 'rgb(205,190,171)' , 'rgb(172,161,143)' , 'rgb(176,163,147)' , 'rgb(97,74,60)' , 'rgb(103,77,64)' , 'rgb(119,95,83)' , 'rgb(148,128,117)' , 'rgb(151,138,129)' , 'rgb(113,106,96)' , 'rgb(100,96,87)' , 'rgb(80,73,67)' , 'rgb(120,110,100)' , 'rgb(134,131,122)' , 'rgb(100,102,97)' , 'rgb(115,114,109)' , 'rgb(138,125,117)' , 'rgb(95,75,64)' , 'rgb(101,79,65)' , 'rgb(104,85,70)' , 'rgb(92,77,58)' , 'rgb(89,74,55)' ],
[ 'rgb(130,118,104)' , 'rgb(84,72,60)' , 'rgb(101,87,78)' , 'rgb(94,78,65)' , 'rgb(94,77,59)' , 'rgb(99,81,61)' , 'rgb(106,85,66)' , 'rgb(110,89,72)' , 'rgb(162,155,145)' , 'rgb(203,191,179)' , 'rgb(128,111,95)' , 'rgb(112,91,72)' , 'rgb(145,116,98)' , 'rgb(224,187,171)' , 'rgb(234,195,178)' , 'rgb(220,183,165)' , 'rgb(180,134,118)' , 'rgb(222,185,169)' , 'rgb(251,223,211)' , 'rgb(242,213,205)' , 'rgb(245,208,202)' , 'rgb(233,195,186)' , 'rgb(223,190,175)' , 'rgb(227,202,180)' , 'rgb(232,199,180)' , 'rgb(219,186,167)' , 'rgb(204,173,155)' , 'rgb(250,225,205)' , 'rgb(216,198,178)' , 'rgb(151,136,117)' , 'rgb(195,182,165)' , 'rgb(160,149,131)' , 'rgb(69,43,28)' , 'rgb(104,76,64)' , 'rgb(120,93,82)' , 'rgb(149,129,118)' , 'rgb(152,139,130)' , 'rgb(109,102,92)' , 'rgb(88,81,73)' , 'rgb(72,65,57)' , 'rgb(118,110,97)' , 'rgb(126,123,114)' , 'rgb(85,86,81)' , 'rgb(104,100,99)' , 'rgb(151,140,136)' , 'rgb(81,64,54)' , 'rgb(87,68,54)' , 'rgb(90,73,57)' , 'rgb(95,78,60)' , 'rgb(95,78,60)' ],
[ 'rgb(140,128,114)' , 'rgb(76,64,52)' , 'rgb(82,68,59)' , 'rgb(80,64,51)' , 'rgb(69,52,34)' , 'rgb(83,65,45)' , 'rgb(113,92,73)' , 'rgb(99,78,61)' , 'rgb(128,118,108)' , 'rgb(201,191,179)' , 'rgb(156,143,127)' , 'rgb(105,84,67)' , 'rgb(155,128,109)' , 'rgb(210,182,161)' , 'rgb(202,171,153)' , 'rgb(231,195,181)' , 'rgb(207,161,148)' , 'rgb(224,176,166)' , 'rgb(231,177,175)' , 'rgb(202,142,144)' , 'rgb(172,107,111)' , 'rgb(131,76,73)' , 'rgb(155,117,104)' , 'rgb(237,212,190)' , 'rgb(224,196,175)' , 'rgb(220,193,174)' , 'rgb(225,202,184)' , 'rgb(204,183,164)' , 'rgb(186,167,150)' , 'rgb(189,172,156)' , 'rgb(217,201,185)' , 'rgb(160,147,130)' , 'rgb(89,66,52)' , 'rgb(102,76,63)' , 'rgb(112,85,74)' , 'rgb(157,137,126)' , 'rgb(156,143,134)' , 'rgb(99,92,82)' , 'rgb(72,65,57)' , 'rgb(68,59,54)' , 'rgb(98,94,82)' , 'rgb(100,97,90)' , 'rgb(49,48,46)' , 'rgb(86,82,81)' , 'rgb(120,111,106)' , 'rgb(81,68,59)' , 'rgb(91,75,62)' , 'rgb(90,74,61)' , 'rgb(107,86,67)' , 'rgb(109,88,69)' ],
[ 'rgb(132,119,103)' , 'rgb(88,74,61)' , 'rgb(88,72,59)' , 'rgb(85,67,53)' , 'rgb(97,79,59)' , 'rgb(104,84,60)' , 'rgb(112,90,69)' , 'rgb(107,84,66)' , 'rgb(116,98,84)' , 'rgb(165,153,139)' , 'rgb(170,157,141)' , 'rgb(123,100,84)' , 'rgb(127,102,80)' , 'rgb(205,185,161)' , 'rgb(172,151,132)' , 'rgb(187,154,145)' , 'rgb(188,124,122)' , 'rgb(174,98,100)' , 'rgb(158,68,77)' , 'rgb(166,73,84)' , 'rgb(191,110,116)' , 'rgb(208,148,147)' , 'rgb(235,199,185)' , 'rgb(236,213,195)' , 'rgb(229,200,182)' , 'rgb(227,202,182)' , 'rgb(179,161,141)' , 'rgb(185,166,149)' , 'rgb(236,214,200)' , 'rgb(184,162,148)' , 'rgb(205,186,171)' , 'rgb(173,157,141)' , 'rgb(118,99,84)' , 'rgb(119,97,84)' , 'rgb(136,114,103)' , 'rgb(169,151,141)' , 'rgb(138,128,119)' , 'rgb(86,79,71)' , 'rgb(68,63,57)' , 'rgb(53,46,40)' , 'rgb(61,58,51)' , 'rgb(51,48,43)' , 'rgb(27,21,21)' , 'rgb(46,41,38)' , 'rgb(69,62,54)' , 'rgb(60,50,40)' , 'rgb(103,90,81)' , 'rgb(101,84,76)' , 'rgb(108,83,63)' , 'rgb(109,84,64)' ],
[ 'rgb(131,116,97)' , 'rgb(98,81,65)' , 'rgb(110,93,77)' , 'rgb(102,83,66)' , 'rgb(126,106,82)' , 'rgb(132,108,82)' , 'rgb(113,89,65)' , 'rgb(121,94,73)' , 'rgb(114,88,71)' , 'rgb(127,114,97)' , 'rgb(170,157,141)' , 'rgb(161,135,120)' , 'rgb(115,93,70)' , 'rgb(180,170,143)' , 'rgb(179,168,150)' , 'rgb(161,136,129)' , 'rgb(171,120,117)' , 'rgb(148,76,79)' , 'rgb(206,115,122)' , 'rgb(236,150,153)' , 'rgb(234,171,166)' , 'rgb(228,188,176)' , 'rgb(224,195,181)' , 'rgb(237,208,194)' , 'rgb(230,199,181)' , 'rgb(213,190,172)' , 'rgb(189,172,154)' , 'rgb(197,180,164)' , 'rgb(209,185,173)' , 'rgb(134,106,95)' , 'rgb(160,137,123)' , 'rgb(176,157,142)' , 'rgb(149,136,120)' , 'rgb(140,122,110)' , 'rgb(168,150,140)' , 'rgb(140,126,117)' , 'rgb(98,89,82)' , 'rgb(79,74,68)' , 'rgb(50,45,41)' , 'rgb(43,35,32)' , 'rgb(35,34,32)' , 'rgb(36,32,33)' , 'rgb(46,40,40)' , 'rgb(51,43,40)' , 'rgb(97,93,82)' , 'rgb(84,78,64)' , 'rgb(114,104,95)' , 'rgb(98,83,78)' , 'rgb(110,85,63)' , 'rgb(112,87,65)' ],
[ 'rgb(168,152,129)' , 'rgb(95,77,57)' , 'rgb(127,108,91)' , 'rgb(119,98,77)' , 'rgb(119,98,71)' , 'rgb(148,124,96)' , 'rgb(141,115,88)' , 'rgb(132,104,80)' , 'rgb(123,92,72)' , 'rgb(100,83,65)' , 'rgb(136,123,106)' , 'rgb(161,135,120)' , 'rgb(165,143,120)' , 'rgb(158,153,124)' , 'rgb(197,192,172)' , 'rgb(167,146,141)' , 'rgb(190,172,160)' , 'rgb(182,139,133)' , 'rgb(206,143,138)' , 'rgb(209,151,140)' , 'rgb(195,162,143)' , 'rgb(203,187,164)' , 'rgb(234,211,195)' , 'rgb(239,200,193)' , 'rgb(230,199,181)' , 'rgb(222,199,181)' , 'rgb(197,180,162)' , 'rgb(184,165,151)' , 'rgb(156,129,118)' , 'rgb(83,53,43)' , 'rgb(102,76,63)' , 'rgb(181,159,145)' , 'rgb(172,160,146)' , 'rgb(168,154,141)' , 'rgb(134,120,109)' , 'rgb(99,86,78)' , 'rgb(74,67,59)' , 'rgb(49,46,39)' , 'rgb(48,43,39)' , 'rgb(33,25,23)' , 'rgb(24,22,25)' , 'rgb(40,35,39)' , 'rgb(42,33,34)' , 'rgb(55,48,40)' , 'rgb(132,129,114)' , 'rgb(124,121,106)' , 'rgb(98,88,79)' , 'rgb(72,56,56)' , 'rgb(117,93,69)' , 'rgb(122,98,74)' ],
[ 'rgb(186,174,152)' , 'rgb(93,75,55)' , 'rgb(110,85,65)' , 'rgb(120,93,74)' , 'rgb(119,94,72)' , 'rgb(132,110,86)' , 'rgb(143,119,95)' , 'rgb(131,105,80)' , 'rgb(105,79,56)' , 'rgb(110,88,74)' , 'rgb(138,119,112)' , 'rgb(171,152,137)' , 'rgb(157,133,105)' , 'rgb(155,131,97)' , 'rgb(181,161,137)' , 'rgb(192,175,165)' , 'rgb(159,139,140)' , 'rgb(172,145,134)' , 'rgb(194,159,137)' , 'rgb(206,168,147)' , 'rgb(221,183,172)' , 'rgb(233,200,193)' , 'rgb(246,218,206)' , 'rgb(234,207,188)' , 'rgb(232,197,177)' , 'rgb(218,190,169)' , 'rgb(216,194,173)' , 'rgb(185,164,147)' , 'rgb(121,98,84)' , 'rgb(69,47,33)' , 'rgb(120,101,86)' , 'rgb(199,183,167)' , 'rgb(176,165,143)' , 'rgb(141,129,115)' , 'rgb(98,83,78)' , 'rgb(85,65,66)' , 'rgb(69,48,47)' , 'rgb(53,36,29)' , 'rgb(36,27,18)' , 'rgb(45,45,33)' , 'rgb(78,63,56)' , 'rgb(52,44,41)' , 'rgb(43,42,40)' , 'rgb(64,61,56)' , 'rgb(132,124,113)' , 'rgb(158,146,134)' , 'rgb(80,71,62)' , 'rgb(68,64,61)' , 'rgb(94,75,61)' , 'rgb(116,94,81)' ],
[ 'rgb(172,160,136)' , 'rgb(113,95,73)' , 'rgb(141,116,96)' , 'rgb(135,108,87)' , 'rgb(124,97,76)' , 'rgb(119,95,71)' , 'rgb(122,98,74)' , 'rgb(122,96,73)' , 'rgb(106,82,58)' , 'rgb(103,81,67)' , 'rgb(180,160,149)' , 'rgb(146,125,106)' , 'rgb(131,104,74)' , 'rgb(136,110,77)' , 'rgb(126,105,84)' , 'rgb(194,180,171)' , 'rgb(158,147,143)' , 'rgb(152,133,118)' , 'rgb(186,156,132)' , 'rgb(221,185,161)' , 'rgb(240,202,189)' , 'rgb(244,207,199)' , 'rgb(249,215,205)' , 'rgb(239,208,190)' , 'rgb(217,184,165)' , 'rgb(169,140,122)' , 'rgb(196,173,155)' , 'rgb(208,189,174)' , 'rgb(137,118,103)' , 'rgb(100,81,67)' , 'rgb(172,156,141)' , 'rgb(188,175,159)' , 'rgb(149,130,115)' , 'rgb(107,93,80)' , 'rgb(85,75,66)' , 'rgb(77,64,56)' , 'rgb(49,31,21)' , 'rgb(66,39,28)' , 'rgb(95,65,55)' , 'rgb(112,82,72)' , 'rgb(101,81,72)' , 'rgb(82,69,63)' , 'rgb(51,43,40)' , 'rgb(47,42,36)' , 'rgb(136,128,117)' , 'rgb(163,153,143)' , 'rgb(86,79,71)' , 'rgb(65,64,60)' , 'rgb(104,78,61)' , 'rgb(117,91,74)' ],
[ 'rgb(162,148,122)' , 'rgb(122,102,78)' , 'rgb(147,120,99)' , 'rgb(131,103,82)' , 'rgb(134,108,85)' , 'rgb(128,104,80)' , 'rgb(124,97,76)' , 'rgb(124,96,75)' , 'rgb(118,96,73)' , 'rgb(131,110,93)' , 'rgb(205,183,169)' , 'rgb(130,104,81)' , 'rgb(135,104,73)' , 'rgb(126,97,65)' , 'rgb(120,99,80)' , 'rgb(181,171,162)' , 'rgb(157,150,140)' , 'rgb(140,125,106)' , 'rgb(161,135,110)' , 'rgb(197,163,136)' , 'rgb(239,202,184)' , 'rgb(244,208,196)' , 'rgb(225,189,177)' , 'rgb(215,179,163)' , 'rgb(169,137,122)' , 'rgb(119,93,78)' , 'rgb(153,134,119)' , 'rgb(189,173,158)' , 'rgb(155,137,125)' , 'rgb(194,178,165)' , 'rgb(193,181,167)' , 'rgb(145,136,119)' , 'rgb(140,124,111)' , 'rgb(96,82,71)' , 'rgb(75,61,52)' , 'rgb(67,47,36)' , 'rgb(69,39,28)' , 'rgb(124,86,75)' , 'rgb(159,119,109)' , 'rgb(152,111,105)' , 'rgb(119,101,91)' , 'rgb(112,99,93)' , 'rgb(84,77,71)' , 'rgb(53,46,40)' , 'rgb(111,102,95)' , 'rgb(143,134,125)' , 'rgb(94,87,81)' , 'rgb(48,44,41)' , 'rgb(86,67,52)' , 'rgb(97,78,63)' ],
[ 'rgb(152,138,112)' , 'rgb(126,106,82)' , 'rgb(159,133,110)' , 'rgb(135,107,85)' , 'rgb(132,106,83)' , 'rgb(122,97,75)' , 'rgb(116,89,68)' , 'rgb(113,84,66)' , 'rgb(108,87,66)' , 'rgb(191,173,153)' , 'rgb(161,138,120)' , 'rgb(131,104,77)' , 'rgb(149,114,84)' , 'rgb(152,121,92)' , 'rgb(135,116,99)' , 'rgb(194,185,178)' , 'rgb(162,154,141)' , 'rgb(138,121,101)' , 'rgb(146,119,92)' , 'rgb(163,129,102)' , 'rgb(203,168,146)' , 'rgb(211,180,162)' , 'rgb(173,144,128)' , 'rgb(144,115,99)' , 'rgb(133,107,94)' , 'rgb(95,76,61)' , 'rgb(134,121,105)' , 'rgb(186,174,160)' , 'rgb(243,229,218)' , 'rgb(201,189,177)' , 'rgb(157,148,133)' , 'rgb(171,165,149)' , 'rgb(150,144,128)' , 'rgb(110,100,88)' , 'rgb(69,49,40)' , 'rgb(55,22,15)' , 'rgb(93,54,47)' , 'rgb(147,114,107)' , 'rgb(142,122,115)' , 'rgb(114,103,99)' , 'rgb(86,80,82)' , 'rgb(66,62,63)' , 'rgb(51,49,52)' , 'rgb(49,47,48)' , 'rgb(83,79,76)' , 'rgb(100,93,87)' , 'rgb(90,83,77)' , 'rgb(86,79,73)' , 'rgb(73,68,64)' , 'rgb(78,73,69)' ],
[ 'rgb(154,139,116)' , 'rgb(126,106,82)' , 'rgb(164,137,116)' , 'rgb(145,117,95)' , 'rgb(132,106,83)' , 'rgb(124,99,77)' , 'rgb(117,90,71)' , 'rgb(106,77,61)' , 'rgb(123,102,83)' , 'rgb(181,163,143)' , 'rgb(114,93,72)' , 'rgb(137,110,83)' , 'rgb(161,127,99)' , 'rgb(137,105,80)' , 'rgb(178,159,142)' , 'rgb(221,212,203)' , 'rgb(173,156,140)' , 'rgb(152,127,107)' , 'rgb(161,129,104)' , 'rgb(153,119,91)' , 'rgb(145,115,87)' , 'rgb(132,110,87)' , 'rgb(116,99,81)' , 'rgb(114,98,83)' , 'rgb(102,83,69)' , 'rgb(124,108,95)' , 'rgb(187,177,165)' , 'rgb(236,228,215)' , 'rgb(220,210,198)' , 'rgb(157,147,135)' , 'rgb(195,188,172)' , 'rgb(215,212,195)' , 'rgb(175,163,147)' , 'rgb(104,90,79)' , 'rgb(57,38,31)' , 'rgb(62,41,36)' , 'rgb(107,88,84)' , 'rgb(123,113,112)' , 'rgb(103,108,112)' , 'rgb(102,121,127)' , 'rgb(96,108,124)' , 'rgb(81,90,105)' , 'rgb(48,56,67)' , 'rgb(44,48,57)' , 'rgb(67,68,72)' , 'rgb(80,76,75)' , 'rgb(79,70,63)' , 'rgb(109,96,87)' , 'rgb(113,109,106)' , 'rgb(108,104,101)' ],
[ 'rgb(148,135,116)' , 'rgb(108,90,70)' , 'rgb(138,113,93)' , 'rgb(127,100,79)' , 'rgb(113,88,66)' , 'rgb(118,96,73)' , 'rgb(123,97,80)' , 'rgb(122,95,78)' , 'rgb(129,108,91)' , 'rgb(197,178,161)' , 'rgb(112,94,72)' , 'rgb(141,117,93)' , 'rgb(137,107,83)' , 'rgb(153,125,103)' , 'rgb(218,199,182)' , 'rgb(205,196,181)' , 'rgb(146,124,103)' , 'rgb(145,117,95)' , 'rgb(151,117,92)' , 'rgb(158,124,96)' , 'rgb(172,147,117)' , 'rgb(138,122,97)' , 'rgb(118,106,90)' , 'rgb(149,141,130)' , 'rgb(185,169,156)' , 'rgb(186,176,164)' , 'rgb(197,191,177)' , 'rgb(232,226,214)' , 'rgb(190,182,171)' , 'rgb(164,154,142)' , 'rgb(184,177,161)' , 'rgb(213,207,191)' , 'rgb(172,148,136)' , 'rgb(88,71,63)' , 'rgb(52,47,43)' , 'rgb(57,61,60)' , 'rgb(93,103,104)' , 'rgb(120,133,139)' , 'rgb(108,126,138)' , 'rgb(88,109,128)' , 'rgb(66,88,112)' , 'rgb(65,83,103)' , 'rgb(49,61,77)' , 'rgb(32,40,53)' , 'rgb(34,41,51)' , 'rgb(72,73,77)' , 'rgb(91,84,78)' , 'rgb(111,97,86)' , 'rgb(146,133,124)' , 'rgb(134,121,112)' ],
[ 'rgb(127,115,99)' , 'rgb(96,79,63)' , 'rgb(126,103,85)' , 'rgb(122,97,77)' , 'rgb(94,72,49)' , 'rgb(95,74,53)' , 'rgb(102,79,61)' , 'rgb(124,98,83)' , 'rgb(114,91,75)' , 'rgb(205,186,169)' , 'rgb(179,164,145)' , 'rgb(109,91,71)' , 'rgb(136,109,92)' , 'rgb(185,158,139)' , 'rgb(204,186,166)' , 'rgb(155,144,124)' , 'rgb(121,101,76)' , 'rgb(144,118,93)' , 'rgb(154,120,93)' , 'rgb(153,122,93)' , 'rgb(170,145,115)' , 'rgb(154,138,113)' , 'rgb(171,162,147)' , 'rgb(228,219,214)' , 'rgb(197,187,175)' , 'rgb(183,177,163)' , 'rgb(217,213,201)' , 'rgb(204,200,188)' , 'rgb(181,173,160)' , 'rgb(175,163,149)' , 'rgb(197,188,173)' , 'rgb(214,207,189)' , 'rgb(150,132,122)' , 'rgb(50,43,37)' , 'rgb(48,54,54)' , 'rgb(87,102,107)' , 'rgb(102,119,127)' , 'rgb(93,110,120)' , 'rgb(81,97,112)' , 'rgb(78,93,112)' , 'rgb(48,68,92)' , 'rgb(24,39,58)' , 'rgb(38,45,61)' , 'rgb(39,45,59)' , 'rgb(26,34,47)' , 'rgb(49,53,62)' , 'rgb(87,83,82)' , 'rgb(121,111,102)' , 'rgb(155,141,130)' , 'rgb(141,127,116)' ],
[ 'rgb(118,106,94)' , 'rgb(92,76,61)' , 'rgb(128,105,89)' , 'rgb(144,119,99)' , 'rgb(125,103,82)' , 'rgb(114,93,72)' , 'rgb(91,70,51)' , 'rgb(103,80,64)' , 'rgb(135,109,94)' , 'rgb(116,97,82)' , 'rgb(212,199,182)' , 'rgb(155,139,123)' , 'rgb(123,100,86)' , 'rgb(184,158,143)' , 'rgb(138,120,100)' , 'rgb(135,125,100)' , 'rgb(137,122,93)' , 'rgb(135,111,85)' , 'rgb(154,124,96)' , 'rgb(161,130,101)' , 'rgb(158,133,103)' , 'rgb(168,152,127)' , 'rgb(180,167,158)' , 'rgb(146,134,134)' , 'rgb(159,151,138)' , 'rgb(182,179,164)' , 'rgb(207,205,192)' , 'rgb(197,193,181)' , 'rgb(190,182,169)' , 'rgb(181,169,155)' , 'rgb(183,171,155)' , 'rgb(176,168,149)' , 'rgb(82,86,72)' , 'rgb(58,63,57)' , 'rgb(103,110,116)' , 'rgb(120,126,138)' , 'rgb(114,117,132)' , 'rgb(107,113,127)' , 'rgb(98,108,120)' , 'rgb(83,99,112)' , 'rgb(64,77,94)' , 'rgb(37,45,58)' , 'rgb(40,42,54)' , 'rgb(27,31,43)' , 'rgb(26,34,47)' , 'rgb(33,40,50)' , 'rgb(62,62,64)' , 'rgb(111,104,96)' , 'rgb(138,131,125)' , 'rgb(117,112,106)' ],
[ 'rgb(119,112,94)' , 'rgb(105,89,73)' , 'rgb(131,104,87)' , 'rgb(152,121,101)' , 'rgb(135,107,86)' , 'rgb(143,118,98)' , 'rgb(111,90,71)' , 'rgb(118,99,82)' , 'rgb(114,98,75)' , 'rgb(127,98,82)' , 'rgb(131,105,92)' , 'rgb(187,178,161)' , 'rgb(156,149,131)' , 'rgb(170,148,135)' , 'rgb(119,96,80)' , 'rgb(136,125,105)' , 'rgb(147,129,107)' , 'rgb(134,104,80)' , 'rgb(153,116,90)' , 'rgb(152,120,95)' , 'rgb(136,119,99)' , 'rgb(163,157,141)' , 'rgb(161,157,146)' , 'rgb(153,144,137)' , 'rgb(171,161,162)' , 'rgb(182,171,167)' , 'rgb(202,194,183)' , 'rgb(213,207,191)' , 'rgb(170,167,150)' , 'rgb(168,165,150)' , 'rgb(172,164,151)' , 'rgb(136,126,114)' , 'rgb(71,73,85)' , 'rgb(107,115,126)' , 'rgb(113,130,140)' , 'rgb(111,135,147)' , 'rgb(105,131,144)' , 'rgb(96,122,137)' , 'rgb(96,117,134)' , 'rgb(76,95,112)' , 'rgb(47,61,87)' , 'rgb(36,48,72)' , 'rgb(24,35,57)' , 'rgb(44,51,70)' , 'rgb(31,34,51)' , 'rgb(28,28,40)' , 'rgb(37,31,41)' , 'rgb(73,66,74)' , 'rgb(135,126,119)' , 'rgb(125,116,107)' ],
[ 'rgb(124,115,98)' , 'rgb(115,98,82)' , 'rgb(142,116,99)' , 'rgb(145,116,98)' , 'rgb(132,105,84)' , 'rgb(128,106,85)' , 'rgb(107,84,66)' , 'rgb(105,82,66)' , 'rgb(120,100,76)' , 'rgb(120,91,73)' , 'rgb(111,85,70)' , 'rgb(118,109,92)' , 'rgb(161,154,138)' , 'rgb(188,169,155)' , 'rgb(130,108,95)' , 'rgb(114,106,87)' , 'rgb(125,107,85)' , 'rgb(133,105,81)' , 'rgb(142,106,82)' , 'rgb(147,115,92)' , 'rgb(128,111,91)' , 'rgb(168,162,146)' , 'rgb(173,166,156)' , 'rgb(176,165,159)' , 'rgb(187,173,162)' , 'rgb(162,155,145)' , 'rgb(201,198,189)' , 'rgb(216,210,196)' , 'rgb(166,153,134)' , 'rgb(155,142,125)' , 'rgb(141,134,124)' , 'rgb(87,87,87)' , 'rgb(122,127,130)' , 'rgb(133,143,145)' , 'rgb(128,143,150)' , 'rgb(116,134,146)' , 'rgb(107,129,143)' , 'rgb(99,120,139)' , 'rgb(87,108,129)' , 'rgb(76,94,116)' , 'rgb(55,67,83)' , 'rgb(36,48,62)' , 'rgb(27,39,53)' , 'rgb(36,46,58)' , 'rgb(34,42,53)' , 'rgb(25,34,41)' , 'rgb(26,33,39)' , 'rgb(39,44,50)' , 'rgb(117,108,111)' , 'rgb(121,112,113)' ],
[ 'rgb(122,109,93)' , 'rgb(102,83,68)' , 'rgb(130,107,89)' , 'rgb(134,112,91)' , 'rgb(131,111,87)' , 'rgb(110,90,66)' , 'rgb(108,83,63)' , 'rgb(112,85,68)' , 'rgb(116,92,68)' , 'rgb(105,77,56)' , 'rgb(110,87,69)' , 'rgb(103,91,75)' , 'rgb(150,143,127)' , 'rgb(204,188,175)' , 'rgb(150,134,121)' , 'rgb(97,90,74)' , 'rgb(110,89,68)' , 'rgb(119,91,69)' , 'rgb(135,101,76)' , 'rgb(153,125,103)' , 'rgb(134,117,97)' , 'rgb(165,158,142)' , 'rgb(176,170,158)' , 'rgb(172,162,153)' , 'rgb(202,187,164)' , 'rgb(162,156,140)' , 'rgb(188,188,180)' , 'rgb(217,211,199)' , 'rgb(165,148,130)' , 'rgb(139,122,106)' , 'rgb(83,83,81)' , 'rgb(99,115,128)' , 'rgb(135,154,158)' , 'rgb(115,133,137)' , 'rgb(106,119,127)' , 'rgb(112,120,131)' , 'rgb(126,130,142)' , 'rgb(124,126,139)' , 'rgb(109,109,121)' , 'rgb(108,106,119)' , 'rgb(94,88,92)' , 'rgb(75,70,76)' , 'rgb(77,72,78)' , 'rgb(67,66,71)' , 'rgb(62,63,68)' , 'rgb(37,42,48)' , 'rgb(29,36,42)' , 'rgb(17,26,33)' , 'rgb(76,71,67)' , 'rgb(156,149,143)' ],
[ 'rgb(130,112,98)' , 'rgb(99,80,65)' , 'rgb(114,93,74)' , 'rgb(114,96,74)' , 'rgb(121,103,79)' , 'rgb(112,92,68)' , 'rgb(136,109,88)' , 'rgb(154,121,104)' , 'rgb(142,116,91)' , 'rgb(149,123,100)' , 'rgb(123,102,83)' , 'rgb(141,128,112)' , 'rgb(176,166,154)' , 'rgb(137,127,115)' , 'rgb(186,176,164)' , 'rgb(110,102,89)' , 'rgb(126,105,84)' , 'rgb(129,105,81)' , 'rgb(147,119,95)' , 'rgb(150,125,103)' , 'rgb(126,110,94)' , 'rgb(151,141,129)' , 'rgb(202,194,183)' , 'rgb(198,190,179)' , 'rgb(189,177,155)' , 'rgb(157,148,131)' , 'rgb(167,159,148)' , 'rgb(182,172,162)' , 'rgb(128,118,108)' , 'rgb(53,52,47)' , 'rgb(91,106,111)' , 'rgb(136,164,178)' , 'rgb(110,133,147)' , 'rgb(111,129,141)' , 'rgb(117,124,134)' , 'rgb(129,122,130)' , 'rgb(137,118,120)' , 'rgb(129,104,100)' , 'rgb(120,90,82)' , 'rgb(122,90,79)' , 'rgb(118,84,82)' , 'rgb(107,73,71)' , 'rgb(94,64,64)' , 'rgb(61,35,38)' , 'rgb(61,42,46)' , 'rgb(71,60,68)' , 'rgb(74,68,78)' , 'rgb(39,37,48)' , 'rgb(48,45,40)' , 'rgb(149,144,140)' ],
[ 'rgb(108,91,75)' , 'rgb(97,78,63)' , 'rgb(117,96,77)' , 'rgb(117,99,77)' , 'rgb(125,109,84)' , 'rgb(134,114,90)' , 'rgb(148,121,100)' , 'rgb(147,114,95)' , 'rgb(144,116,92)' , 'rgb(120,98,75)' , 'rgb(119,102,84)' , 'rgb(196,180,165)' , 'rgb(135,123,111)' , 'rgb(97,89,76)' , 'rgb(199,191,178)' , 'rgb(133,123,111)' , 'rgb(133,112,93)' , 'rgb(141,119,98)' , 'rgb(145,125,101)' , 'rgb(141,123,103)' , 'rgb(136,122,109)' , 'rgb(159,151,140)' , 'rgb(197,189,178)' , 'rgb(185,177,164)' , 'rgb(176,167,158)' , 'rgb(165,151,138)' , 'rgb(185,167,153)' , 'rgb(140,130,121)' , 'rgb(52,57,60)' , 'rgb(84,102,112)' , 'rgb(127,151,161)' , 'rgb(116,141,148)' , 'rgb(113,115,127)' , 'rgb(134,128,138)' , 'rgb(130,115,120)' , 'rgb(134,108,109)' , 'rgb(146,111,105)' , 'rgb(157,117,105)' , 'rgb(171,128,111)' , 'rgb(162,120,98)' , 'rgb(154,110,99)' , 'rgb(130,86,75)' , 'rgb(115,75,67)' , 'rgb(92,57,53)' , 'rgb(53,25,24)' , 'rgb(25,9,12)' , 'rgb(36,29,37)' , 'rgb(51,49,60)' , 'rgb(40,36,50)' , 'rgb(74,70,84)' ],
[ 'rgb(116,100,84)' , 'rgb(97,80,62)' , 'rgb(112,91,74)' , 'rgb(112,91,70)' , 'rgb(117,99,75)' , 'rgb(133,113,89)' , 'rgb(145,119,96)' , 'rgb(152,120,99)' , 'rgb(144,117,96)' , 'rgb(110,93,73)' , 'rgb(167,156,138)' , 'rgb(156,140,127)' , 'rgb(106,92,81)' , 'rgb(98,92,78)' , 'rgb(172,166,150)' , 'rgb(143,127,112)' , 'rgb(116,97,82)' , 'rgb(125,108,90)' , 'rgb(111,96,77)' , 'rgb(128,116,100)' , 'rgb(147,137,127)' , 'rgb(167,158,149)' , 'rgb(178,172,160)' , 'rgb(189,186,171)' , 'rgb(216,208,205)' , 'rgb(195,181,170)' , 'rgb(151,133,119)' , 'rgb(82,77,73)' , 'rgb(92,106,115)' , 'rgb(123,146,160)' , 'rgb(132,149,157)' , 'rgb(80,86,84)' , 'rgb(111,80,75)' , 'rgb(137,104,97)' , 'rgb(151,117,108)' , 'rgb(192,155,146)' , 'rgb(224,186,175)' , 'rgb(227,191,177)' , 'rgb(224,191,176)' , 'rgb(201,169,154)' , 'rgb(182,147,127)' , 'rgb(164,129,110)' , 'rgb(136,100,84)' , 'rgb(104,74,63)' , 'rgb(66,43,35)' , 'rgb(46,35,33)' , 'rgb(26,26,26)' , 'rgb(11,16,20)' , 'rgb(50,48,59)' , 'rgb(63,62,70)' ],
[ 'rgb(123,112,94)' , 'rgb(97,82,63)' , 'rgb(124,103,86)' , 'rgb(131,108,90)' , 'rgb(138,116,93)' , 'rgb(138,116,92)' , 'rgb(137,111,86)' , 'rgb(146,118,94)' , 'rgb(123,100,84)' , 'rgb(112,104,85)' , 'rgb(152,145,127)' , 'rgb(113,97,84)' , 'rgb(101,85,72)' , 'rgb(135,129,113)' , 'rgb(190,183,164)' , 'rgb(133,114,97)' , 'rgb(113,94,80)' , 'rgb(113,100,83)' , 'rgb(110,101,84)' , 'rgb(130,124,110)' , 'rgb(148,141,133)' , 'rgb(177,170,164)' , 'rgb(209,205,194)' , 'rgb(240,238,223)' , 'rgb(193,183,174)' , 'rgb(147,137,127)' , 'rgb(92,88,79)' , 'rgb(117,123,123)' , 'rgb(146,159,167)' , 'rgb(116,125,132)' , 'rgb(50,44,44)' , 'rgb(75,55,48)' , 'rgb(135,99,85)' , 'rgb(167,134,117)' , 'rgb(203,170,153)' , 'rgb(239,208,190)' , 'rgb(253,222,204)' , 'rgb(240,211,197)' , 'rgb(235,207,195)' , 'rgb(231,203,191)' , 'rgb(215,183,162)' , 'rgb(194,159,139)' , 'rgb(162,127,108)' , 'rgb(132,100,85)' , 'rgb(92,65,54)' , 'rgb(56,41,36)' , 'rgb(28,23,20)' , 'rgb(19,20,22)' , 'rgb(16,16,14)' , 'rgb(45,46,41)' ],
[ 'rgb(124,117,98)' , 'rgb(103,88,69)' , 'rgb(139,116,100)' , 'rgb(135,108,91)' , 'rgb(141,116,96)' , 'rgb(141,117,93)' , 'rgb(132,108,82)' , 'rgb(136,110,83)' , 'rgb(119,97,83)' , 'rgb(112,107,88)' , 'rgb(147,144,127)' , 'rgb(100,83,73)' , 'rgb(181,163,151)' , 'rgb(192,187,168)' , 'rgb(186,180,158)' , 'rgb(115,92,74)' , 'rgb(112,94,82)' , 'rgb(113,101,85)' , 'rgb(148,142,126)' , 'rgb(166,162,150)' , 'rgb(188,183,177)' , 'rgb(223,215,212)' , 'rgb(235,231,222)' , 'rgb(195,193,180)' , 'rgb(140,124,108)' , 'rgb(116,112,101)' , 'rgb(97,106,103)' , 'rgb(151,165,168)' , 'rgb(104,109,112)' , 'rgb(53,43,42)' , 'rgb(81,52,48)' , 'rgb(113,73,65)' , 'rgb(142,124,112)' , 'rgb(188,170,156)' , 'rgb(231,212,197)' , 'rgb(238,217,198)' , 'rgb(240,215,195)' , 'rgb(243,215,194)' , 'rgb(236,203,186)' , 'rgb(231,194,178)' , 'rgb(221,182,165)' , 'rgb(206,164,148)' , 'rgb(185,142,126)' , 'rgb(163,119,108)' , 'rgb(128,89,82)' , 'rgb(79,51,47)' , 'rgb(44,26,26)' , 'rgb(35,23,27)' , 'rgb(22,23,27)' , 'rgb(27,28,32)' ]
]

// on crée une variable chaine dans laquelle on va stocker
// le code html de l'élément table demandé dans l'énoncé :
var chaine = '';
for(let ligne = 0 ; ligne < couleurs.length; ligne += 1)
{
	// on débute une ligne de l'élément table :
	chaine += '<tr>';
	
	// chaque cellule récupère la couleur de l'élément correspondant dans le tableau couleurs :
	for(let colonne = 0; colonne < couleurs[ligne].length; colonne += 1)
	{
		chaine += '<td style="background-color:' + couleurs[ligne][colonne] + ';"></td>';
	}
	
	// on ferme la ligne de l'élément table :
	chaine += '</tr>';
	
	// on passe à ce stade à la valeur suivante de 'ligne' pour poursuivre la boucle externe
}

// on injecte le résultat dans le code html de la page  :
document.getElementById("image").innerHTML = chaine;
</script>


	
</body>
</html>

Variante

Copier-coller le fichier de données comme dans le script précédent peut-être pénible (risque d'erreurs en sélectionnant puis collant, texte du script peu lisible du fait de ces nombreuses lignes de chiffres, travail pénible si l'on doit en faire plusieurs...)

Mais on peut contourner ce problème de la façon suivante :

on fait une copie du fichier de données, on nomme la copie avec l'extension js. Par exemple "tableCouleurs.js".
On modifie légèrement cette copie en ajoutant "var couleurs = [" en début de fichier et "]" en fin de fichier.

On aura ainsi défini notre très longue variable de type array dans un fichier séparé (que l'on charge comme indiqué ci-dessous dans la page html), ce qui allège le code principal.

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>image bitmap</title>
<style>
table {
    border-collapse: collapse;
}

td  {
    
    width: 0.01px;
    height: 0.01px;
}

</style>
<!-- on charge ci-dessous le fichier de données en 
indiquant le chemin du dossier dans lequel on l'a placé : -->
<script src="images/tableCouleurs.js"></script>
</head>
<body>
  
<table id="image">
</table>

<script>
// le code qui suit  est le même que dans la version précédente :
var chaine = '';
for(let ligne = 0 ; ligne < couleurs.length; ligne += 1)
{
	chaine += '<tr>';
	for(let colonne = 0; colonne < couleurs[ligne].length; colonne += 1)
	{
		chaine += '<td style="background-color:' + couleurs[ligne][colonne] + ';"></td>';
	}
	chaine += '</tr>';
}
document.getElementById("image").innerHTML = chaine;
</script>


	
</body>
</html>

Pixellisation

Vous pouvez, dans le css des solutions, augmenter le width et le height des cellules (par exemple 3px) : vous observerez ainsi de façon assez nette ce que l'on nomme usuellement effet de pixellisation d'une image.