1 year ago

<li class="email"><a class="fa fa-pinterest lishare" style="font-size:36px;color:#ACAFB3;text-decoration:none;margin-bottom:5px" target="_blank" href="https://ar.pinterest.com/pin/create/button/?url=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco&media=http%3A%2F%2Fhtmlcolors.com%2Fimg%2Fcd-logo.svg&description=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!"> <path class="fill" d="M12,0C5.373,0,0,5.373,0,11.999c0,4.915,2.955,9.136,7.184,10.991c-0.035-0.838-0.006-1.844,0.209-2.756 c0.23-0.974,1.543-6.537,1.543-6.537s-0.383-0.768-0.383-1.9c0-1.778,1.031-3.106,2.314-3.106c1.092,0,1.619,0.82,1.619,1.802 c0,1.098-0.701,2.739-1.062,4.26c-0.301,1.272,0.64,2.312,1.896,2.312c2.272,0,3.805-2.92,3.805-6.38 c0-2.631-1.771-4.598-4.994-4.598c-3.639,0-5.906,2.713-5.906,5.745c0,1.046,0.307,1.784,0.791,2.354 c0.221,0.263,0.252,0.367,0.172,0.668c-0.059,0.222-0.189,0.754-0.244,0.965c-0.08,0.304-0.326,0.412-0.602,0.3 c-1.676-0.685-2.457-2.521-2.457-4.586c0-3.408,2.875-7.495,8.576-7.495c4.582,0,7.598,3.315,7.598,6.873 c0,4.709-2.617,8.226-6.475,8.226c-1.297,0-2.516-0.7-2.932-1.495c0,0-0.697,2.764-0.846,3.297 c-0.254,0.926-0.752,1.852-1.207,2.571C9.68,23.826,10.818,24,12,24c6.627,0,12-5.372,12-12.001C24,5.373,18.627,0,12,0z"></path> </a></li> <li class="email"><a title="share" href="whatsapp://send?text=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco" data-action="share/whatsapp/share"> <i style="font-size:36px;color:#ACAFB3;margin-bottom:5px" class="fa fa-whatsapp lishare"></i></a></li> <li class="email"><a title="share" id="Twitter" target="_blank" href="https://twitter.com/share?url=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco;text=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!"> <i style="font-size:36px;color:#ACAFB3;margin-bottom:5px" class="fa fa-twitter lishare"></i> <path class="fill" d="M24,4.557c-0.883,0.392-1.832,0.656-2.828,0.775c1.018-0.609,1.799-1.574,2.164-2.724 c-0.951,0.564-2.004,0.974-3.125,1.195c-0.898-0.957-2.18-1.555-3.596-1.555c-2.719,0-4.924,2.205-4.924,4.924 c0,0.386,0.044,0.762,0.128,1.122C7.728,8.087,4.1,6.127,1.67,3.148C1.247,3.875,1.003,4.722,1.003,5.625 c0,1.708,0.869,3.216,2.19,4.099c-0.807-0.025-1.566-0.247-2.23-0.616c0,0.021,0,0.041,0,0.062c0,2.386,1.697,4.375,3.95,4.829 C4.5,14.109,4.065,14.17,3.617,14.17c-0.317,0-0.625-0.029-0.926-0.088c0.626,1.955,2.445,3.379,4.6,3.42 c-1.685,1.32-3.808,2.107-6.115,2.107c-0.397,0-0.79-0.023-1.175-0.068c2.179,1.396,4.768,2.211,7.548,2.211 c9.057,0,14.01-7.502,14.01-14.008c0-0.213-0.004-0.426-0.016-0.637C22.504,6.412,23.34,5.543,24,4.557z"></path> </a></li> <li class="fb email"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://htmlcolors.com//gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco" target="_blank" title="Share It"> <i style="font-size:36px;color:#ACAFB3;margin-bottom:-5px" class="fa fa-facebook lishare fa-2x"></i> </a> </li> </ul> <div id="marginparrafo" class="marginclass margindeadentro"> <p style="font-size:24px">a</p> <div style="margin-top:8px"> <canvas style="background-image: radial-gradient( circle farthest-corner at 10% 20%, #5134b2 0%, #b89f82 90% );" class="gradient"></canvas> </div> <section class="grad_out"><pre id="grad">background-image: radial-gradient( circle farthest-corner at 10% 20%, #5134b2 0%, #b89f82 90% );</pre></section> <a style="font-weight: 700;margin-right:30px;color:black;text-decoration:none"><span style="font-size:13px" class="glyphicon glyphicon-star"></span> 0 favorites</a> <p style="margin-top:7px;font-size:18px">Login to add gradient to your favorites.</p> <br><br><br> <div> <p style="font-size:25px">JPG Image Of <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=_ScOiURfjIs8ds-u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encry</p> <br> <a href="https://htmlcolors.com/gradients-images/4770-iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco.jpg" download="<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=_ScOiURfjIs8ds-u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encry Gradient - htmlcolors.com.png" title="<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=_ScOiURfjIs8ds-u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encry" class="btn btn-success"> Download Gradient </a> </div> <br> <img src="https://htmlcolors.com/gradients-images/4770-iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco.jpg" alt="<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=_ScOiURfjIs8ds-u" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encry Gradient" class="pngimage"> <script> new Vue({ el:'#app', data:{ isFavorite: false, gradientid : 4770, action: "add", action2: "delete", number: 0 }, methods: { enviarform() { axios.post('/validarfavorite3.php', { gradientid: this.gradientid, action: this.action }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); this.number = this.number+1; }, enviarform2() { axios.post('/validarfavorite3.php', { gradientid: this.gradientid, action2: this.action2 }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); this.number = this.number-1; }, toggleFavorite() { this.isFavorite = !this.isFavorite; } } }); </script> <br><br><br> <h5 style="color:#111;font-weight: 700;">SHARE THIS GRADIENT WITH YOUR FRIENDS!</h5> <br> <div class="lisocial4"> <ul style="margin-top:-5px!important;margin-left: 5px;" class="icons2 share lefticons4"> <li class="email emailfooter" style="border-radius: 4px 0 0 4px;"> <path class="fill" d="M12,0C5.373,0,0,5.373,0,11.999c0,4.915,2.955,9.136,7.184,10.991c-0.035-0.838-0.006-1.844,0.209-2.756 c0.23-0.974,1.543-6.537,1.543-6.537s-0.383-0.768-0.383-1.9c0-1.778,1.031-3.106,2.314-3.106c1.092,0,1.619,0.82,1.619,1.802 c0,1.098-0.701,2.739-1.062,4.26c-0.301,1.272,0.64,2.312,1.896,2.312c2.272,0,3.805-2.92,3.805-6.38 c0-2.631-1.771-4.598-4.994-4.598c-3.639,0-5.906,2.713-5.906,5.745c0,1.046,0.307,1.784,0.791,2.354 c0.221,0.263,0.252,0.367,0.172,0.668c-0.059,0.222-0.189,0.754-0.244,0.965c-0.08,0.304-0.326,0.412-0.602,0.3 c-1.676-0.685-2.457-2.521-2.457-4.586c0-3.408,2.875-7.495,8.576-7.495c4.582,0,7.598,3.315,7.598,6.873 c0,4.709-2.617,8.226-6.475,8.226c-1.297,0-2.516-0.7-2.932-1.495c0,0-0.697,2.764-0.846,3.297 c-0.254,0.926-0.752,1.852-1.207,2.571C9.68,23.826,10.818,24,12,24c6.627,0,12-5.372,12-12.001C24,5.373,18.627,0,12,0z"></path> <a class="fa fa-pinterest lishare pin4 espacio4" style="font-size:36px;color:#ACAFB3;text-decoration:none" target="_blank" href="https://ar.pinterest.com/pin/create/button/?url=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco&media=http%3A%2F%2Fhtmlcolors.com%2Fimg%2Fcd-logo.svg&description=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!"><p class="pshare4" style="display:inline-block;font-size:16px;font-family: 'ProximaNovaSoft-Regular'!important;font-weight:700"> PIN</p></a></li> <li class="email emailfooter"> <a title="share" href="whatsapp://send?text=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco" data-action="share/whatsapp/share" style="font-size:36px;color:#ACAFB3;text-decoration:none" class="fa fa-whatsapp lishare pin4 espacio4"><p class="pshare4" style="display:inline-block;font-size:16px;font-family: 'ProximaNovaSoft-Regular'!important;font-weight:700"> SEND</p></a></li> <li class="email emailfooter"> <path class="fill" d="M24,4.557c-0.883,0.392-1.832,0.656-2.828,0.775c1.018-0.609,1.799-1.574,2.164-2.724 c-0.951,0.564-2.004,0.974-3.125,1.195c-0.898-0.957-2.18-1.555-3.596-1.555c-2.719,0-4.924,2.205-4.924,4.924 c0,0.386,0.044,0.762,0.128,1.122C7.728,8.087,4.1,6.127,1.67,3.148C1.247,3.875,1.003,4.722,1.003,5.625 c0,1.708,0.869,3.216,2.19,4.099c-0.807-0.025-1.566-0.247-2.23-0.616c0,0.021,0,0.041,0,0.062c0,2.386,1.697,4.375,3.95,4.829 C4.5,14.109,4.065,14.17,3.617,14.17c-0.317,0-0.625-0.029-0.926-0.088c0.626,1.955,2.445,3.379,4.6,3.42 c-1.685,1.32-3.808,2.107-6.115,2.107c-0.397,0-0.79-0.023-1.175-0.068c2.179,1.396,4.768,2.211,7.548,2.211 c9.057,0,14.01-7.502,14.01-14.008c0-0.213-0.004-0.426-0.016-0.637C22.504,6.412,23.34,5.543,24,4.557z"></path> <a title="share" id="Twitter" target="_blank" href="https://twitter.com/share?url=https://htmlcolors.com/gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco;text=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!" style="font-size:36px;color:#ACAFB3;text-decoration:none" class="fa fa-twitter lishare pin4 espacio4"><p class="pshare4" style="display:inline-block;font-size:16px;font-family:'ProximaNovaSoft-Regular'!important;font-weight:700"> TWEET</p></a></li> <li class="fb email emailfooter" style="border-right:1px solid #eaeaea;border-radius: 0 4px 4px 0;"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://htmlcolors.com//gradient/4770/iframe-width-560-height-315-src-https-www-youtube-com-embed-dqw4w9wgxcq-si-scoiurfjis8ds-u-title-youtube-video-player-frameborder-0-allow-accelerometer-autoplay-clipboard-write-encrypted-media-gyrosco" target="_blank" title="Share It" style="font-size:36px;color:#ACAFB3;text-decoration:none" class="fa fa-facebook lishare fa-2x pin4 espacio4"> <p class="pshare4" style="display:inline-block;font-size:16px;font-family: 'ProximaNovaSoft-Regular'!important;font-weight:700"> POST</p> </a> </li> </ul> </div> </div> </div> </div><br><br> <style> @media (max-width:1080px) { #myBtn { background-color: #ecf0f2!important; }} #myBtn { position: fixed; background-color: white; bottom: 20px; right: 8px; border:none; z-index: 100; color: white; cursor: pointer; padding: 15px; border-radius: 10px; outline:none; } #myBtn:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.1); } </style> <button id="myBtn" class="top" title="Go to top"><span style="color:#8F3985;font-size:24px" class="fa fa-2x fa-arrow-circle-up"></span></button> <footer id="myFooter"> <div class="container"> <div class="row"> <div class="col-sm-2"> <a href="/"><img class="footerlogocolor" src="/img/cd-logo.svg" alt="Logo" style="width:150px;height:45px;margin-top: 23px;margin-bottom: 13px;"></img></a> </div> <div class="col-sm-3"> <h5 class="afueracomp" style="color:#111">Share With Your Friends!</h5> <ul style="margin-top:-5px!important" class="icons2 share"> <li class="email emailfooter"><a class="fa fafooter fa-pinterest lishare" style="font-size:36px;color:#ACAFB3" target="_blank" href="https://ar.pinterest.com/pin/create/button/?url=https://htmlcolors.com&media=http%3A%2F%2Fhtmlcolors.com%2Fimg%2Fcd-logo.svg&description=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!."> <path class="fill" d="M12,0C5.373,0,0,5.373,0,11.999c0,4.915,2.955,9.136,7.184,10.991c-0.035-0.838-0.006-1.844,0.209-2.756 c0.23-0.974,1.543-6.537,1.543-6.537s-0.383-0.768-0.383-1.9c0-1.778,1.031-3.106,2.314-3.106c1.092,0,1.619,0.82,1.619,1.802 c0,1.098-0.701,2.739-1.062,4.26c-0.301,1.272,0.64,2.312,1.896,2.312c2.272,0,3.805-2.92,3.805-6.38 c0-2.631-1.771-4.598-4.994-4.598c-3.639,0-5.906,2.713-5.906,5.745c0,1.046,0.307,1.784,0.791,2.354 c0.221,0.263,0.252,0.367,0.172,0.668c-0.059,0.222-0.189,0.754-0.244,0.965c-0.08,0.304-0.326,0.412-0.602,0.3 c-1.676-0.685-2.457-2.521-2.457-4.586c0-3.408,2.875-7.495,8.576-7.495c4.582,0,7.598,3.315,7.598,6.873 c0,4.709-2.617,8.226-6.475,8.226c-1.297,0-2.516-0.7-2.932-1.495c0,0-0.697,2.764-0.846,3.297 c-0.254,0.926-0.752,1.852-1.207,2.571C9.68,23.826,10.818,24,12,24c6.627,0,12-5.372,12-12.001C24,5.373,18.627,0,12,0z"></path> </a></li> <li class="email emailfooter"><a title="share" href="whatsapp://send?text=https://htmlcolors.com" data-action="share/whatsapp/share"> <i style="font-size:36px;color:#ACAFB3" class="fa fafooter fa-whatsapp lishare"></i></a></li> <li class="email emailfooter"><a title="share" id="Twitter" target="_blank" href="https://twitter.com/share?url=https://htmlcolors.com;text=Get%20your%20Html%20Color%20codes%20with%20our%20color%20tools,%20HEX%20code,%20RGB,%20RGBA,%20HSL%20and%20HSLA%20values,%20including%20HSV,%20HWB%20and%20CMYK.%20Go%20pick!"> <i style="font-size:36px;color:#ACAFB3" class="fa fafooter fa-twitter lishare"></i> <path class="fill" d="M24,4.557c-0.883,0.392-1.832,0.656-2.828,0.775c1.018-0.609,1.799-1.574,2.164-2.724 c-0.951,0.564-2.004,0.974-3.125,1.195c-0.898-0.957-2.18-1.555-3.596-1.555c-2.719,0-4.924,2.205-4.924,4.924 c0,0.386,0.044,0.762,0.128,1.122C7.728,8.087,4.1,6.127,1.67,3.148C1.247,3.875,1.003,4.722,1.003,5.625 c0,1.708,0.869,3.216,2.19,4.099c-0.807-0.025-1.566-0.247-2.23-0.616c0,0.021,0,0.041,0,0.062c0,2.386,1.697,4.375,3.95,4.829 C4.5,14.109,4.065,14.17,3.617,14.17c-0.317,0-0.625-0.029-0.926-0.088c0.626,1.955,2.445,3.379,4.6,3.42 c-1.685,1.32-3.808,2.107-6.115,2.107c-0.397,0-0.79-0.023-1.175-0.068c2.179,1.396,4.768,2.211,7.548,2.211 c9.057,0,14.01-7.502,14.01-14.008c0-0.213-0.004-0.426-0.016-0.637C22.504,6.412,23.34,5.543,24,4.557z"></path> </a></li> <li class="fb email emailfooter"> <script type="text/javascript"> function fbs_click(width, height) { var leftPosition, topPosition; leftPosition = (window.screen.width / 2) - ((width / 2) + 10); topPosition = (window.screen.height / 2) - ((height / 2) + 50); var windowFeatures = "status=no,height=" + height + ",width=" + width + ",resizable=yes,left=" + leftPosition + ",top=" + topPosition + ",screenX=" + leftPosition + ",screenY=" + topPosition + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no"; u=location.href; t=document.title; window.open('https://www.facebook.com/sharer.php?u=https://htmlcolors.com &t='+encodeURIComponent(t),'sharer', windowFeatures); return false; } </script> <a href="https://www.facebook.com/share.php?u=/product" onClick="return fbs_click(550, 450)" title="Share It"><i style="font-size:36px;color:#ACAFB3" class="fa fafooter fa-facebook lishare fa-2x"></i></a></li> </ul> </div> <div class="col-sm-2"> <h5 style="color:#111">Need Help?</h5> <ul> <li><a class="lishare" style="color:#696969" href="/terms">Terms & Conditions</a></li> <li><a class="lishare" style="color:#696969" href="/privacy">Privacy Policy</a></li> <li><a class="lishare" style="color:#696969" href="/contact">Contact us</a></li> </ul> </div> <div class="col-sm-3"> <h5 style="color:#111">More <span style="font-size:13px" class="glyphicon glyphicon-plus"></span></h5> <ul> <li><a class="lishare" style="color:#696969" href="/compliment-colors">Compliment Colors</a></li> <li><a class="lishare" style="color:#696969" href="/image-color-picker">Image Color Picker</a></li> <li><a class="lishare" style="color:#696969" href="/color-mixer">Color Mixer</a></li> <li><a class="lishare" style="color:#696969" href="/sample-gradients">Sample Gradients</a></li> </ul> </div> <div class="col-sm-2"> <h5 style="color:#111">More <span style="font-size:13px" class="glyphicon glyphicon-plus"></span></h5> <ul> <li><a class="lishare" style="color:#696969" href="/color-converter">Color Converter</a></li> <li><a class="lishare" style="color:#696969" href="/color-theory">Color Theory</a></li> <li><a class="lishare" style="color:#696969" href="/color-generator">Color Generator</a></li> <li><a class="lishare" style="color:#696969" href="/web-safe-colors">Web Safe Colors</a></li> <li><a class="lishare" style="color:#696969" href="/tutorials">Tutorials</a></li> </ul> </div> </div> </div> <div class="footer-copyright"> <p class="copyrightp" style="color:#696969"> Copyright 2018 - 2025 Htmlcolors.com | All Rights Reserved </p> <div style="display:none"><img src="https://whos.amung.us/swidget/htmlcolors.png"></div> </div> </footer> </body> </html>