{"id":146,"date":"2025-10-24T17:11:43","date_gmt":"2025-10-24T16:11:43","guid":{"rendered":"https:\/\/nottagemews.uk\/utilities\/?page_id=146"},"modified":"2025-10-25T16:41:46","modified_gmt":"2025-10-25T15:41:46","slug":"rgb-blend","status":"publish","type":"page","link":"https:\/\/nottagemews.uk\/utilities\/rgb-blend\/","title":{"rendered":"RGB Blend"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_1963140889\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-329876607\">\n\n\n\t<div id=\"col-1952945632\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h3>This is a simple headline<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-653994223\">\n\n\n\t<div id=\"col-2080343735\" class=\"col hide-for-small medium-2 small-6 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<p style=\"text-align: right;\" class=\"label-text\" \">&nbsp;<\/p>\n\n<p style=\"text-align: right;\" class=\"label-text\" >RED<\/p>\n\n<p style=\"text-align: right; margin-top: 15px;\" class=\"label-text\" >GREEN<\/p>\n\n<p style=\"text-align: right; margin-top: 15px;\"class=\"label-text\">BLUE<\/p>\n\n<p style=\"text-align: right; margin-top: 15px;\"class=\"label-text\">ALPHA<\/p>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-253199889\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3056787224\" class=\"text hide-for-small\">\n\t\t\n\n<p class=\"label-text\">TOP COLOUR<\/p>\n\t\t\t<\/div>\n\t\n\t<div id=\"text-3194816731\" class=\"text show-for-small\">\n\t\t\n\n<p class=\"label-text\">TOP<\/p>\n\n\t\t\t<\/div>\n\t\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"r-top\" \n  placeholder=\"R Value\">\n\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"g-top\" \n  placeholder=\"G Value\">\n\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"b-top\" \n  placeholder=\"B Value\">\n\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"a-top\" \n  placeholder=\"Alpha\">\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1775530592\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2227284386\" class=\"text hide-for-small\">\n\t\t\n\n<p class=\"label-text\" >BOTTOM COLOUR<\/p>\n\t\t\t<\/div>\n\t\n\t<div id=\"text-3329928662\" class=\"text show-for-small\">\n\t\t\n\n<p class=\"label-text\" >BOTTOM<\/p>\n\n\t\t\t<\/div>\n\t\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"r-base\" \n  placeholder=\"R Value\">\n\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"g-base\" \n  placeholder=\"G Value\">\n\n\n\n<input \n  type=\"text\"  \n  class=\"styled-input\" \n  id=\"b-base\" \n  placeholder=\"B Value\">\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-799736775\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1924101870\" class=\"text hide-for-small\">\n\t\t\n\n<p class=\"label-text\">BLENDED COLOUR<\/p>\n\t\t\t<\/div>\n\t\n\t<div id=\"text-3748524787\" class=\"text show-for-small\">\n\t\t\n\n<p class=\"label-text\">BLENDED<\/p>\n\n\t\t\t<\/div>\n\t\n\n\n<div class=output-box>\n\n<p id=\"r-blend\">R Value\n\n<\/div>\n\n\n\n<div class=output-box>\n\n<p id=\"g-blend\">R Value\n\n<\/div>\n\n\n\n<div class=output-box>\n<p id=\"b-blend\">B Value<\/p>\n<\/div>\n\n\n\n<div class=\"output-box\" id=\"rgb-swatch\">\n\n<p>Colour Swatch<\/p>\n\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1963140889 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":13,"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/pages\/146\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/nottagemews.uk\/utilities\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}