Online HTML Color Codes
Hexadecimal to RGBColor Names
R
G
B
Hexadecimal
<div style='height:50px;background-image: linear-gradient(to bottom, white,#addfad);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#addfad);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#addfad);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#addfad);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#addfad); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#30ba8f);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#30ba8f);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#30ba8f);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#30ba8f);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#30ba8f); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#997a8d);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#997a8d);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#997a8d);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#997a8d);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#997a8d); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#f2f3f4);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#f2f3f4);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#f2f3f4);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#f2f3f4);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#f2f3f4); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#ffdb58);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#ffdb58);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#ffdb58);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#ffdb58);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#ffdb58); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#f6adc6);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#f6adc6);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#f6adc6);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#f6adc6);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#f6adc6); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#fada5e);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#fada5e);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#fada5e);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#fada5e);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#fada5e); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#ffdead);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#ffdead);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#ffdead);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#ffdead);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#ffdead); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#ffa343);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#ffa343);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#ffa343);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#ffa343);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#ffa343); } < /style >
<div style='height:50px;background-image: linear-gradient(to bottom, white,#fe59c2);'></div>
<div style='height:50px;background-image: linear-gradient(to top, white,#fe59c2);'></div>
<div style='height:50px;background-image: linear-gradient(to left, white,#fe59c2);'></div>
<div style='height:50px;background-image: linear-gradient(to right, white,#fe59c2);'></div>
< style > .gradientDiv { height: 50px; background-image: linear-gradient(to right, white,#fe59c2); } < /style >