{"id":15987,"date":"2026-04-11T13:11:39","date_gmt":"2026-04-11T06:11:39","guid":{"rendered":"https:\/\/creative.co.th\/15987\/"},"modified":"2026-04-11T14:31:46","modified_gmt":"2026-04-11T07:31:46","slug":"%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b5%e0%b8%aa%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c%e0%b8%94","status":"publish","type":"post","link":"https:\/\/creative.co.th\/en\/15987\/","title":{"rendered":"Add vibrancy to your website with Gradient &amp; Duotone Effects."},"content":{"rendered":"<div style=\"font-family: inherit; line-height: 1.6; color: #333;\">\n<p>Color is one of the first things the human brain perceives and remembers. Therefore, the choice of colors on a website is just as important as the choice of content. This year, color manipulation techniques such as\u2026 <strong>Gradient<\/strong> and <strong>Duotone (the use of two colors)<\/strong> They have made a comeback and reclaimed their popularity in the industry. <a href=\"https:\/\/creative.co.th\/en\/\" title=\"Website design services\" style=\"color: #0056b3; text-decoration: none; font-weight: bold;\">Website design services<\/a><\/p>\n<div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 8px; margin: 20px 0;\">\n<h3 style=\"margin-top: 0; border-bottom: 2px solid #ddd; padding-bottom: 10px;\">Table of Contents<\/h3>\n<ul style=\"list-style-type: none; padding-left: 0;\">\n<li><a href=\"#gradient\" style=\"color: #333; text-decoration: none;\">1. Gradient: A new dimension in color gradients.<\/a><\/li>\n<li><a href=\"#duotone\" style=\"color: #333; text-decoration: none;\">2. Duotone: Classic coolness.<\/a><\/li>\n<li><a href=\"#apply\" style=\"color: #333; text-decoration: none;\">3. Applications to brands.<\/a><\/li>\n<\/ul><\/div>\n<h2 id=\"gradient\" style=\"color: #222; margin-top: 30px;\">1. Gradient: A new dimension in color gradients.<\/h2>\n<p>Modern gradients are not just simple transitions from one color to another; they&#039;re complex gradients, blending multiple colors smoothly together to create a fluid, energetic, and futuristic feel. They&#039;re often used as backgrounds or in call-to-action buttons to grab attention.<\/p>\n<figure style=\"margin:2em 0;text-align:center;\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/04\/gradient_duotone_brand-scaled.webp\" alt=\"Gradient &#038; Duotone Effects \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Brand Identity\" style=\"max-width:100%;height:auto;border-radius:8px;\" loading=\"lazy\" \/><\/figure>\n<figure style=\"margin:2em 0;text-align:center;\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/04\/gradient_duotone_brand-scaled.webp\" alt=\"Gradient \u0e41\u0e25\u0e30 Duotone Effects \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Brand Identity\" style=\"max-width:100%;height:auto;border-radius:8px;\" loading=\"lazy\" \/><\/figure>\n<h2 id=\"duotone\" style=\"color: #222; margin-top: 30px;\">2. Duotone: Classic coolness.<\/h2>\n<p>Duotone refers to adjusting images to use only two primary color tones. This technique helps maintain a consistent color scheme across a website, even if the original images come from different sources. If you use a service... <a href=\"https:\/\/creative.co.th\/en\/website-maintenance\/\" title=\"Website maintenance services\" style=\"color: #0056b3; text-decoration: none; font-weight: bold;\">Website maintenance services<\/a> And if you want to refresh your website&#039;s look, using a Duotone filter on your existing images is an economical and effective way to see results.<\/p>\n<figure style=\"margin:2em 0;text-align:center;\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/04\/glass_effect_demo-1-scaled.webp\" alt=\"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 Gradient \u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\" style=\"max-width:100%;height:auto;border-radius:8px;\" loading=\"lazy\" \/><\/figure>\n<h2 id=\"apply\" style=\"color: #222; margin-top: 30px;\">3. Applications to brands.<\/h2>\n<p>The chosen color palette should reflect your brand&#039;s Corporate Identity (CI). If you&#039;re unsure about color combinations, our team... <a href=\"https:\/\/creative.co.th\/en\/graphic_design\/\" title=\"Graphic design\" style=\"color: #0056b3; text-decoration: none; font-weight: bold;\">Graphic design<\/a> A professional can help you find the perfect and harmonious colors.<\/p>\n<figure style=\"margin:2em 0;text-align:center;\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/04\/glass_effect_demo-1-scaled.webp\" alt=\"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 Gradient \u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\" style=\"max-width:100%;height:auto;border-radius:8px;\" loading=\"lazy\" \/><\/figure>\n<div style=\"background-color: #eef5fa; padding: 30px; border-radius: 8px; margin-top: 40px; text-align: center;\">\n<h3 style=\"color: #0056b3; margin-top: 0;\">Add a touch of color to make your business stand out in the online world.<\/h3>\n<p style=\"margin-bottom: 20px;\">Get your website revamped to give it a modern and more attractive look to your customers.<\/p>\n<p>                <a href=\"https:\/\/creative.co.th\/en\/contact-us\/\" style=\"display: inline-block; background-color: #0056b3; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;\">Contact us for a free consultation.<\/a>\n            <\/div>\n<\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>Transform a bland website into something vibrant and modern instantly with trendy gradient and duotone color techniques.<\/p>","protected":false},"author":1,"featured_media":15998,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"\u0e40\u0e08\u0e32\u0e30\u0e25\u0e36\u0e01\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Gradient \u0e41\u0e25\u0e30 Duotone \u0e40\u0e17\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e35\u0e21\u0e32\u0e41\u0e23\u0e07\u0e43\u0e19\u0e07\u0e32\u0e19\u0e23\u0e31\u0e1a\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19 \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e","_seopress_robots_index":"","footnotes":""},"categories":[46],"tags":[],"class_list":["post-15987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/15987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/comments?post=15987"}],"version-history":[{"count":3,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/15987\/revisions"}],"predecessor-version":[{"id":16035,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/15987\/revisions\/16035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media\/15998"}],"wp:attachment":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media?parent=15987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/categories?post=15987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/tags?post=15987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}