{"id":20356,"date":"2017-03-06T20:11:23","date_gmt":"2017-03-06T20:11:23","guid":{"rendered":"http:\/\/www.oracletutoring.ca\/blog\/?p=20356"},"modified":"2017-03-06T20:11:23","modified_gmt":"2017-03-06T20:11:23","slug":"web-design-interior-design-the-color-brown","status":"publish","type":"post","link":"https:\/\/www.oracletutoring.ca\/blog\/web-design-interior-design-the-color-brown\/","title":{"rendered":"Web design, Interior design:  the color brown"},"content":{"rendered":"<h1>Tutoring web graphics to myself, this was an early curiosity.<\/h1>\n<p>Html colors can be expressed as rgb(0-255, 0-255, 0-255):  the first number is for red, the second green, the third blue.  Red, for instance, is <span style=\"color:rgb(255,0,0)\">rgb(255,0,0)<\/span>.<\/p>\n<p>Interestingly, brown can be seen as dark red from an html point of view.  That is, if you just cut down the red, keeping the other colors at zero, you get brown:<\/p>\n<p style=\"text-align:center;background-color:rgb(80,0,0);color:white\">The background color, rgb(80,0,0), is brown.<\/p>\n<p>For a heavier brown, some blue can be added:<\/p>\n<p style=\"text-align:center;background-color:rgb(65,0,15);color:white\">background-color: rgb(65,0,15)<\/p>\n<p>Source:<\/p>\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/css_colors_legal.asp\">w3schools.com<\/a><\/p>\n<p>Jack of <a href=\"https:\/\/www.oracletutoring.ca\">Oracle Tutoring by Jack and Diane,<\/a> Campbell River, BC.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutoring web graphics to myself, this was an early curiosity. Html colors can be expressed as rgb(0-255, 0-255, 0-255): the first number is for red, the second green, the third blue. Red, for instance, is rgb(255,0,0). Interestingly, brown can be &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/www.oracletutoring.ca\/blog\/web-design-interior-design-the-color-brown\/\"> <span class=\"screen-reader-text\">Web design, Interior design:  the color brown<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2161,837],"tags":[1547,2162],"class_list":["post-20356","post","type-post","status-publish","format-standard","hentry","category-interior-design","category-web-design","tag-css","tag-how-to-make-brown-html"],"_links":{"self":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/20356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/comments?post=20356"}],"version-history":[{"count":35,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/20356\/revisions"}],"predecessor-version":[{"id":20391,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/20356\/revisions\/20391"}],"wp:attachment":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/media?parent=20356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/categories?post=20356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/tags?post=20356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}