| Color | hex | rgb | hsl |
|---|---|---|---|
XXX | #44daf3 | (68, 218, 243) | (188.6, 87.9%, 61%) |
NOT USED | #46dcd5 | (70, 220, 213) | (177.2, 68.2%, 56.9%) |
XXX | #5be3a0 | (91, 227, 160) | (150.4, 70.8%, 62.4%) |
background: rgb(68,218,243);
background: -moz-linear-gradient(135deg, rgba(68,218,243,1) 0%, rgba(91,227,160,1) 100%);
background: -webkit-linear-gradient(135deg, rgba(68,218,243,1) 0%, rgba(91,227,160,1) 100%);
background: linear-gradient(135deg, rgba(68,218,243,1) 0%, rgba(91,227,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44daf3",endColorstr="#5be3a0",GradientType=1);
/*Permalink-Use to edit/share this gradient*/
background: rgb(68,218,243); /*Old browsers*/
/*IE9 SVG: Needs conditional override of `filter` to `none`*/
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDRkYWYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViZTNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgba(68,218,243,1) 0%, rgba(91,227,160,1) 100%); /*FF3.6-15*/
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(68,218,243,1)), color-stop(100%,rgba(91,227,160,1))); /*Chrome4-9, Safari4-5*/
background: -webkit-linear-gradient(-45deg, rgba(68,218,243,1) 0%,rgba(91,227,160,1) 100%); /*Chrome10-25, Safari5.1-6*/
background: -o-linear-gradient(-45deg, rgba(68,218,243,1) 0%,rgba(91,227,160,1) 100%); /*Opera 11.10-11.50*/
background: -ms-linear-gradient(-45deg, rgba(68,218,243,1) 0%,rgba(91,227,160,1) 100%); /*IE10 preview*/
background: linear-gradient(135deg, rgba(68,218,243,1) 0%,rgba(91,227,160,1) 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
background: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44daf3', endColorstr='#5be3a0',GradientType=1 ); /*IE6-8 fallback on horizontal gradient*/