免费的渐变背景CSS3样式

你经常为你的UI寻找好看的背景渐变吗？

一个集合180种免费的线性渐变网站，可在任何网站使用
您不仅可以复制渐变的原生CSS颜色代码，还可以查看下载每个优质的渐变图片。

001 温暖的火焰Get .PNG

#ff9a9e→#fad0c4

background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

🍰
完成！

002 褪色的夕阳Get .PNG

#a18cd1→#fbc2eb

background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);

💎
nice！

003 春天的温暖Get .PNG

#fad0c4→#fad0c4

background-image: linear-gradient(to top, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);

👊
对了！

004 美味的水蜜桃Get .PNG

#ffecd2→#fcb69f

background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);

👊
完成！

005 年轻的激情Get .PNG

Many colors

background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);

🦄
对了！

006 女士的嘴唇Get .PNG

#ff9a9e→#fecfef

background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);

👊
成功！

007 阳光明媚的早晨Get .PNG

#f6d365→#fda085

background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);

👍
nice！

008 夕阳下的雨Get .PNG

#fbc2eb→#a6c1ee

background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);

☕
对了！

009 梦想被冷冻Get .PNG

#fdcbf1→#e6dee9

background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);

🍬
真棒！

010 冬季的哈尔滨湖Get .PNG

#a1c4fd→#c2e9fb

background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);

💪
真棒！

011 尘埃的草Get .PNG

#d4fc79→#96e6a1

background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);

🐯
做的好!

012 诱人的蔚蓝Get .PNG

#84fab0→#8fd3f4

background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);

💝
恭喜！

013 大雨滂沱Get .PNG

#cfd9df→#e2ebf0

background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);

🤘
恭喜！

014 我心爱的人Get .PNG

#a6c0fe→#f68084

background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);

👌
nice！

015 结出的果实Get .PNG

#fccb90→#d57eeb

background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);

🍭
成功！

016 深蓝色Get .PNG

#e0c3fc→#8ec5fc

background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);

🦄
做的好!

017 成熟的女性Get .PNG

#f093fb→#f5576c

background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);

🥂
完成！

018 多云的深圳Get .PNG

#fdfbfb→#ebedee

background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);

🤘
完成！

019 三亚的海滩Get .PNG

#4facfe→#00f2fe

background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);

🚀
完成！

020 新的生活Get .PNG

#43e97b→#38f9d7

background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);

💗
成功！

021 已是近黄昏Get .PNG

#fa709a→#fee140

background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);

💗
完成！

022 入睡的简室Get .PNG

#30cfd0→#330867

background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);

👌
真棒！

023 罕见的风力Get .PNG

#a8edea→#fed6e3

background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);

🏌
nice！

024 近水楼台先得月Get .PNG

#5ee7df→#b490ca

background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);

🐯
真棒！

025 野外的苹果Get .PNG

#d299c2→#fef9d7

background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);

✌
做的好!

026 上海的外滩Get .PNG

#f5f7fa→#c3cfe2

background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

🐯
成功！

027 厦门的微笑Get .PNG

Many colors

background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);

👍
nice！

028 紫色的盘子Get .PNG

#667eea→#764ba2

background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

🚀
完成！

029 基业长青的天空Get .PNG

#fdfcfb→#e2d1c3

background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);

💎
对了！

030 快乐的渔夫Get .PNG

#89f7fe→#66a6ff

background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);

️
做的好!

031 对你的祝福Get .PNG

#fddb92→#d1fdff

background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);

👌
真棒！

032 鹰的漂亮眼睛Get .PNG

#9890e3→#b1f4cf

background-image: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%);

🤘
nice！

033 九寨沟的湖底Get .PNG

#ebc0fd→#d9ded8

background-image: linear-gradient(to top, #ebc0fd 0%, #d9ded8 100%);

💝
恭喜！

034 熟还是不熟的柠檬Get .PNG

#96fbc4→#f9f586

background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);

🍭
做的好!

035 天地相接Get .PNG

#2af598→#009efd

background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);

💥
恭喜！

036 李白的奇迹Get .PNG

#cd9cf2→#f6f3ff

background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);

🎂
nice！

037 旧式的Get .PNG

Many colors

background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);

💪
做的好!

038 高级葡萄酒Get .PNG

Many colors

background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);

🏇
nice！

039 深蓝的海Get .PNG

#6a11cb→#2575fc

background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);

️
恭喜！

040 致命的一击Get .PNG

Many colors

background-color: #DCD9D4; 
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); 
 background-blend-mode: soft-light,screen;

👊
对了！

041 酸酸甜甜就是我Get .PNG

#37ecba→#72afd3

background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);

👌
恭喜！

042 悲伤的松树Get .PNG

#ebbba7→#cfc7f8

background-image: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%);

️
对了！

043 青岛的美美哒Get .PNG

#fff1eb→#ace0f9

background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);

🥂
完成！

044 害羞的彩虹Get .PNG

Many colors

background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);

☕
真棒！

045 山脊里的洞Get .PNG

Many colors

background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; 
 background-blend-mode: multiply,multiply;

👌
真棒！

046 很多的希望Get .PNG

#c471f5→#fa71cd

background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);

🐯
做的好!

047 我要飞的更高Get .PNG

#48c6ef→#6f86d6

background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);

👏
真棒！

048 强烈的幸福来袭Get .PNG

Many colors

background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);

🍻
成功！

049 未成熟的果实Get .PNG

#feada6→#f5efef

background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);

🌈
真棒！

050 北方大雪纷飞Get .PNG

#e6e9f0→#eef1f5

background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);

🍻
恭喜！

051 淡淡的水墨丹青Get .PNG

#accbee→#e7f0fd

background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);

👌
完成！

052 仁慈而又坚强Get .PNG

#e9defa→#fbfcdb

background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);

💫
恭喜！

053 柔软的小嫩草Get .PNG

#c1dfc4→#deecdd

background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);

️
nice！

054 浓郁的树叶Get .PNG

#0ba360→#3cba92

background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);

💪
完成！

055 百度的蓝色Get .PNG

#00c6fb→#005bea

background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);

🥂
完成！

056 阴凉的水Get .PNG

#74ebd5→#9face6

background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);

💫
完成！

057 这个妆画的挫Get .PNG

#6a85b6→#bac8e0

background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%);

🍻
完成！

058 大鲸鱼Get .PNG

#a3bded→#6991c7

background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);

🍬
真棒！

059 少年的笔记Get .PNG

#9795f0→#fbc8d4

background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);

👌
恭喜！

060 善意的谎言Get .PNG

#a7a6cb→#8989ba

background-image: linear-gradient(to top, #a7a6cb 0%, #8989ba 52%, #8989ba 100%);

💫
完成！

061 甜蜜时期Get .PNG

Many colors

background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);

🎂
成功！

062 火烧的寂寞Get .PNG

Many colors

background-image: linear-gradient(to top, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);

✊
完成！

063 温和的爱护Get .PNG

Many colors

background-image: linear-gradient(to top, #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%);

👌
完成！

064 红色的拯救Get .PNG

#f43b47→#453a94

background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%);

👊
完成！

065 燃烧的春天Get .PNG

Many colors

background-image: linear-gradient(to top, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);

👍
成功！

066 晚会之夜Get .PNG

#0250c5→#d43f8d

background-image: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);

👌
完成！

067 天空翱翔Get .PNG

#88d3ce→#6e45e2

background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);

💝
真棒！

068 美好的未来Get .PNG

#d9afd9→#97d9e1

background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);

👍
完成！

069 贵族的人物Get .PNG

#7028e4→#e5b2ca

background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);

💥
真棒！

070 水珠飞溅Get .PNG

#13547a→#80d0c7

background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);

💪
nice!

071 上面的云Get .PNG

Many colors

background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
 background-blend-mode: normal, lighten, soft-light;

🔥
做的好！

072 灰色的照片Get .PNG

Many colors

background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);

🏌
成功！

073 爱的吻Get .PNG

#ff0844→#ffb199

background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);

🤘
完成！

074 乌云密布Get .PNG

Many colors

background: #C9CCD3;
 background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: lighten;

👋
做的好！

075 干净的镜子Get .PNG

#93a5cf→#e4efe9

background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);

🐯
nice!

076 高级而神秘的黑Get .PNG

#434343→#000000

background-image: linear-gradient(to right, #434343 0%, black 100%);

💥
完成！

077 寒冷的夜晚Get .PNG

Many colors

background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);

👏
nice!

078 纳木措看海Get .PNG

#93a5cf→#e4efe9

background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);

👏
完成！

079 活力的夏季运动Get .PNG

#92fe9d→#00c9ff

background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%);

☕
nice!

080 床上的激情Get .PNG

#ff758c→#ff7eb3

background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);

🏇
完成！

081 山上的大岩石Get .PNG

#868f96→#596164

background-image: linear-gradient(to right, #868f96 0%, #596164 100%);

💫
nice!

082 沙漠的小丘Get .PNG

#c79081→#dfa579

background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);

🦄
nice!

083 丛林的天空Get .PNG

#8baaaa→#ae8b9c

background-image: linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%);

🏇
成功！

084 浴火凤凰Get .PNG

#f83600→#f9d423

background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);

👊
完成！

085 活力而又成熟Get .PNG

#b721ff→#21d4fd

background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);

🏌
完成！

086 遥远的河流Get .PNG

#6e45e2→#88d3ce

background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);

🦄
完成！

087 丛林游戏Get .PNG

#d558c8→#24d292

background-image: linear-gradient(-20deg, #d558c8 0%, #24d292 100%);

🐯
nice!

088 丛林刚升起的太阳Get .PNG

#abecd6→#fbed96

background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);

💪
nice!

089 高级白色Get .PNG

Many colors

background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);

👋
完成！

090 火星派对Get .PNG

#5f72bd→#9b23ea

background-image: linear-gradient(to top, #5f72bd 0%, #9b23ea 100%);

👋
做的好！

091 永恒的宇宙Get .PNG

#09203f→#537895

background-image: linear-gradient(to top, #09203f 0%, #537895 100%);

🤘
真棒！

092 姑娘腮红Get .PNG

#ddd6f3→#faaca8

background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);

👋
nice!

093 有彩虹的雨Get .PNG

#dcb0ed→#99c99c

background-image: linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);

☕
真棒！

094 阳光下的椰果Get .PNG

#f3e7e9→#e3eeff

background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);

👍
做的好！

095 火龙果Get .PNG

#c71d6f→#d09693

background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);

👌
nice!

096 健康的水Get .PNG

#96deda→#50c9c3

background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);

🥂
做的好！

097 热情爱爱Get .PNG

#f77062→#fe5196

background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);

✌
完成！

098 剥开的荔枝Get .PNG

Many colors

background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);

🏌
nice!

099 另一种青菜Get .PNG

#a8caba→#5d4157

background-image: linear-gradient(to right, #a8caba 0%, #5d4157 100%);

☕
nice!

100 邪恶的立场Get .PNG

#29323c→#485563

background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);

🚀
做的好！

101 四川的九寨沟Get .PNG

#16a085→#f4d03f

background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);

💗
做的好！

102 快乐的记忆Get .PNG

#ff5858→#f09819

background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

🍻
nice!

103 黑夜的深圳Get .PNG

#2b5876→#4e4376

background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);

💗
完成！

104 薄荷冰爽Get .PNG

#00cdac→#8ddad5

background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);

💥
完成！

105 麻雀来了Get .PNG

Many colors

background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
 background-blend-mode: screen;

💫
完成！

106 幸福的晚会Get .PNG

#4481eb→#04befe

background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

👋
nice!

107 快乐的云Get .PNG

#dad4ec→#f3e7e9

background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);

🏇
nice!

108 鸡尾酒Get .PNG

#874da2→#c43a30

background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);

🍬
nice!

109 武汉的城市Get .PNG

#4481eb→#04befe

background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

👍
做的好！

110 冷冻的浆果Get .PNG

#e8198b→#c7eafd

background-image: linear-gradient(to top, #e8198b 0%, #c7eafd 100%);

🍻
真棒！

111 优雅简单Get .PNG

Many colors

background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;

🍭
完成！

112 呵护儿童Get .PNG

#f794a4→#fdd6bd

background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);

🎂
完成！

113 天与花的相接Get .PNG

#64b3f4→#c2e59c

background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);

🏌
真棒！

114 酷炫城市Get .PNG

Many colors

background-image: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);

🍬
真棒！

115 活力而盛开Get .PNG

#0fd850→#f9f047

background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%);

👌
真棒！

116 天空有些阴霾Get .PNG

Many colors

background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);

💪
完成！

117 关怀与少女Get .PNG

#ee9ca7→#ffdde1

background-image: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);

👊
完成！

118 深海里的水Get .PNG

Many colors

background-image: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);

👌
真棒！

119 化学溶液Get .PNG

Many colors

background-color: #CDDCDC;
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
 background-blend-mode: screen, overlay;

🤘
做的好！

120 海滩Get .PNG

#209cff→#68e0cf

background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);

🍰
完成！

121 大理石Get .PNG

#bdc2e8→#e6dee9

background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%);

🔥
真棒！

122 佳节快乐Get .PNG

#e6b980→#eacda3

background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);

🥂
成功！

123 夜空中最亮的星Get .PNG

#1e3c72→#2a5298

background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);

💎
成功！

124 施了魔法的湖Get .PNG

Many colors

background-image: linear-gradient(to top, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);

🏌
完成！

125 老牛吃嫩草Get .PNG

#9be15d→#00e3ae

background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);

🍰
对了！

126 五颜六色的桃子Get .PNG

#ed6ea0→#ec8c69

background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%);

🐯
nice!

127 温柔的呵护Get .PNG

#ffc3a0→#ffafbd

background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);

👌
成功！

128 鲜艳的水果Get .PNG

#cc208e→#6713d2

background-image: linear-gradient(to top, #cc208e 0%, #6713d2 100%);

👋
成功！

129 快乐而精彩Get .PNG

#b3ffab→#12fff7

background-image: linear-gradient(to top, #b3ffab 0%, #12fff7 100%);

💪
做的好！

130 全金属Get .PNG

Many colors

background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
 background-blend-mode: normal,color-burn;

💎
完成！

131 西藏的风景Get .PNG

Many colors

background-image: linear-gradient(to top, #65bd60 0%, #5ac1a8 25%, #3ec6ed 50%, #b7ddb7 75%, #fef381 100%);

👊
做的好！

132 海底的深洞Get .PNG

#243949→#517fa4

background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);

👍
做的好！

133 橙汁么么哒Get .PNG

#fc6076→#ff9a44

background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);

🚀
成功！

134 我是一只小绵羊Get .PNG

#dfe9f3→#ffffff

background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);

🦄
很好！

135 光滑的碳Get .PNG

Many colors

background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 background-blend-mode: multiply;

👍
真棒！

136 科技精彩生活Get .PNG

#00dbde→#fc00ff

background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);

☕
真棒！

137 水果大杂烩Get .PNG

#f9d423→#ff4e50

background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%);

👊
对了！

138 张家界的夏天Get .PNG

#50cc7f→#f5d100

background-image: linear-gradient(to top, #50cc7f 0%, #f5d100 100%);

☕
对了！

139 活力的好心情Get .PNG

#0acffe→#495aff

background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);

💫
nice!

140 旧房子里的光Get .PNG

#616161→#9bc5c3

background-image: linear-gradient(-20deg, #616161 0%, #9bc5c3 100%);

👊
做的好！

141 灰色空间Get .PNG

Many colors

background-color: #E4E4E1;
 background-image: radial-gradient(at top center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%), linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(143,152,157,0.60) 100%);
 	background-blend-mode: normal, multiply;

🚀
很好！

142 空间移位Get .PNG

Many colors

background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);

🍰
做的好！

143 房子与天空Get .PNG

#df89b5→#bfd9fe

background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);

💝
对了！

144 皇家园林Get .PNG

#ed6ea0→#ec8c69

background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%);

✊
nice!

145 很多金属Get .PNG

#d7d2cc→#304352

background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);

✊
对了！

146 美味的蛋糕Get .PNG

#e14fad→#f9d423

background-image: linear-gradient(to top, #e14fad 0%, #f9d423 100%);

💪
做的好！

147 漂亮的发光Get .PNG

#b224ef→#7579ff

background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);

💝
nice!

148 微光下的沙滩Get .PNG

#c1c161→#d4d4b1

background-image: linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);

💥
完成！

149 丽江的美Get .PNG

#ec77ab→#7873f5

background-image: linear-gradient(to right, #ec77ab 0%, #7873f5 100%);

👋
对了！

150 海洋的惊叹Get .PNG

#007adf→#00ecbc

background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%);

🍰
成功！

151 健康绿色的食物Get .PNG

#20E2D7→#F9FEA5

background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);

💪
对了！

152 海洋与陆地Get .PNG

Many colors

background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);

🍬
完成！

153 落日的海边Get .PNG

Many colors

background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);

✊
做的好！

154 干净环保Get .PNG

Many colors

background-image: linear-gradient(-225deg, #DFFFCD 0%, #90F9C4 48%, #39F3BB 100%);

🐯
成功！

155 飞机下降Get .PNG

Many colors

background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);

💝
很好！

156 巫妖王Get .PNG

#A8BFFF→#884D80

background-image: linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);

🌈
成功！

157 不眠之夜Get .PNG

Many colors

background-image: linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);

🍰
做的好！

158 天使降临Get .PNG

Many colors

background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);

☕
完成！

159 很深的海Get .PNG

Many colors

background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);

️
做的好！

160 是你喜欢的唇膏Get .PNG

#B6CEE8→#F578DC

background-image: linear-gradient(-225deg, #B6CEE8 0%, #F578DC 100%);

👍
对了！

161 简单点Get .PNG

#FFFEFF→#D7FFFE

background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);

💫
很好！

162 化妆品Get .PNG

#E3FDF5→#FFE6FA

background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);

💝
对了！

163 适宜居住Get .PNG

#7DE2FC→#B9B6E5

background-image: linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);

️
真棒！

164 冬天啦Get .PNG

#CBBACC→#2580B3

background-image: linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%);

🏇
完成！

165 午餐有水果Get .PNG

#B7F8DB→#50A7C2

background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);

💎
完成！

166 下雨的海Get .PNG

Many colors

background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%);

🔥
很好！

167 辽宁号母舰Get .PNG

Many colors

background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);

👏
nice!

168 夜里的救援Get .PNG

Many colors

background-image: linear-gradient(-225deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);

🎂
完成！

169 最亮的天空Get .PNG

Many colors

background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%);

💪
完成！

170 浅蓝色Get .PNG

Many colors

background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);

👍
对了！

171 慢慢的思考Get .PNG

Many colors

background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);

💗
很好！

172 微光下的薰衣草Get .PNG

#007adf→#00ecbc

background-image: linear-gradient(-225deg, #65379B 0%, #886AEA 53%, #6457C6 100%);

👏
对了！

173 棒棒糖Get .PNG

Many colors

background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);

🔥
完成！

174 美味的甜点 Get .PNG

Many colors

background-image: linear-gradient(-225deg, #7742B2 0%, #F180FF 52%, #FD8BD9 100%);

☕
nice!

175 神奇的光线Get .PNG

Many colors

background-image: linear-gradient(-225deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);

✊
成功！

176 幸运而富有Get .PNG

Many colors

background-image: linear-gradient(-225deg, #FF057C 0%, #8D0B93 50%, #321575 100%);

👊
很好！

177 冻结的希望Get .PNG

Many colors

background-image: linear-gradient(-225deg, #FF057C 0%, #7C64D5 48%, #4CC3FF 100%);

💝
对了！

178 苏州园林的景色Get .PNG

Many colors

background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);

🦄
对了！

179 秋季的黄昏Get .PNG

Many colors

background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);

💫
完成！

180 稳重而低调的蓝色Get .PNG

Many colors

background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%);

👊
做的好！

共180个

你经常为你的UI寻找好看的背景渐变吗？ 一个集合180种免费的线性渐变网站，可在任何网站使用您不仅可以复制渐变的原生CSS颜色代码，还可以查看下载每个优质的渐变图片。

你经常为你的UI寻找好看的背景渐变吗？

一个集合180种免费的线性渐变网站，可在任何网站使用
您不仅可以复制渐变的原生CSS颜色代码，还可以查看下载每个优质的渐变图片。