Xidipity Gradient Palette

 

Tropic Orange

background: rgb(251,140,0);
background: -moz-linear-gradient(180deg, rgba(251,140,0,1) 0%, rgba(245,124,0,1) 30%, rgba(239,108,0,1) 70%, rgba(230,81,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(251,140,0,1) 0%, rgba(245,124,0,1) 30%, rgba(239,108,0,1) 70%, rgba(230,81,0,1) 100%);
background: linear-gradient(180deg, rgba(251,140,0,1) 0%, rgba(245,124,0,1) 30%, rgba(239,108,0,1) 70%, rgba(230,81,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb8c00",endColorstr="#e65100",GradientType=1);

 

Tropic Orange

 

 

Subtle Gray

background: rgb(250,250,250);
background: -moz-linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 30%, rgba(238,238,238,1) 70%, rgba(224,224,224,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 30%, rgba(238,238,238,1) 70%, rgba(224,224,224,1) 100%);
background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 30%, rgba(238,238,238,1) 70%, rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#e0e0e0",GradientType=1);

 

Subtle Gray

 

 

Black Chrome

background: rgb(117,117,117);
background: -moz-linear-gradient(180deg, rgba(117,117,117,1) 0%, rgba(97,97,97,1) 30%, rgba(66,66,66,1) 70%, rgba(33,33,33,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(117,117,117,1) 0%, rgba(97,97,97,1) 30%, rgba(66,66,66,1) 70%, rgba(33,33,33,1) 100%);
background: linear-gradient(180deg, rgba(117,117,117,1) 0%, rgba(97,97,97,1) 30%, rgba(66,66,66,1) 70%, rgba(33,33,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#757575",endColorstr="#212121",GradientType=1);

 

Chrome Black

 

 

Morning Sunshine

background: rgb(255,248,225);
background: -moz-linear-gradient(180deg, rgba(255,248,225,1) 0%, rgba(255,236,179,1) 30%, rgba(255,213,79,1) 70%, rgba(255,213,79,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,248,225,1) 0%, rgba(255,236,179,1) 30%, rgba(255,213,79,1) 70%, rgba(255,213,79,1) 100%);
background: linear-gradient(180deg, rgba(255,248,225,1) 0%, rgba(255,236,179,1) 30%, rgba(255,213,79,1) 70%, rgba(255,213,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff8e1",endColorstr="#ffd54f",GradientType=1);

 

Morning Sunshine

 

 

I’m Blue

background: rgb(30,136,229);
background: -moz-linear-gradient(180deg, rgba(30,136,229,1) 0%, rgba(25,118,210,1) 30%, rgba(21,101,192,1) 70%, rgba(13,71,161,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(30,136,229,1) 0%, rgba(25,118,210,1) 30%, rgba(21,101,192,1) 70%, rgba(13,71,161,1) 100%);
background: linear-gradient(180deg, rgba(30,136,229,1) 0%, rgba(25,118,210,1) 30%, rgba(21,101,192,1) 70%, rgba(13,71,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e88e5",endColorstr="#0d47a1",GradientType=1);

 

I’m Blue

 

 

New Leaf

background: rgb(67,160,71);
background: -moz-linear-gradient(180deg, rgba(67,160,71,1) 0%, rgba(56,142,60,1) 30%, rgba(46,125,50,1) 70%, rgba(27,94,32,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(67,160,71,1) 0%, rgba(56,142,60,1) 30%, rgba(46,125,50,1) 70%, rgba(27,94,32,1) 100%);
background: linear-gradient(180deg, rgba(67,160,71,1) 0%, rgba(56,142,60,1) 30%, rgba(46,125,50,1) 70%, rgba(27,94,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43a047",endColorstr="#1b5e20",GradientType=1);

 

New Leaf

 

 

Purple Haze

background: rgb(94,53,177);
background: -moz-linear-gradient(180deg, rgba(94,53,177,1) 0%, rgba(81,45,168,1) 30%, rgba(69,39,160,1) 70%, rgba(49,27,146,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(94,53,177,1) 0%, rgba(81,45,168,1) 30%, rgba(69,39,160,1) 70%, rgba(49,27,146,1) 100%);
background: linear-gradient(180deg, rgba(94,53,177,1) 0%, rgba(81,45,168,1) 30%, rgba(69,39,160,1) 70%, rgba(49,27,146,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e35b1",endColorstr="#311b92",GradientType=1);

 

Purple Haze

 

chat_bubble_outline Create your own! There are many online sites which will help you create your design. It’s not hard when you use the Xidipity palette.