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 >