.
.
.
.
.
.
.
.
.
.
.
.
White Text
Black Text
What is a color gradient?
Color gradients, or color transitions, is a gradual blending from one color to another between same color tone (from light blue to navy blue), colors of two different tones (from blue to yellow), or even between more than two colors (from blue to purple to red to orange). It can be of tow types, LINEAR, in which color originates in a linear line or RADIAL, where color radiates out from a central point.
See some of the best color gradients you can use:
{background: linear-gradient(to bottom, #20b2c5 0%, #00e68a 100%)}
{background: linear-gradient(to right, #0099e6 0%, #00ffff 100%)}
{background: linear-gradient(to right, #9733EE 0%, #e600e6 100%)}
{background: linear-gradient(120deg, #16A085 0%, #F4D03F 100%)}
{background: linear-gradient(to top, #5ee7df 0%, #b490ca 100%)}
{background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%)}
{background: linear-gradient(to right, #9268e1 0%, #ec4e70 100%)}
Hex color codes are used to represent colors in web and graphic design. A hex color code is a six-digit hexadecimal (base 16) number that represents the red, green, and blue components of a color. The first two digits represent the red component, the second two digits represent the green component, and the last two digits represent the blue component.
The color code "#FF0000" represents the color red, because it has a red component of 255 (decimal), a green component of 0, and a blue component of 0.
Hex color codes are values that tell the display how much of a color to show. The values are a special code that represents color values from 0 to 255.
If red, green, and blue are all at the minimum 0 (represented as “00” in the code), the color expressed is the color black. If red, green, and blue are all at the maximum 255 (represented as “ff” in the code), the color expressed is the color white.
While RGB color codes represent colors using the primary colors of light: red, green, and blue. Each color is represented by a value between 0 and 255, where 0 represents no intensity of that color and 255 represents maximum intensity. These values can be combined to create a wide range of colors.
For example, an RGB color code of (255, 0, 0) represents pure red, while (255, 255, 255) represents white.
The main purpose of the RGB color model is for the sensing, representation, and display of images in electronic systems, such as televisions and computers, though it has also been used in conventional photography.
RGB is a device-dependent color model: different devices detect or reproduce a given RGB value differently, since the color elements (such as phosphors or dyes) and their response to the individual red, green, and blue levels vary from manufacturer to manufacturer, or even in the same device over time. Thus an RGB value does not define the same color across devices without some kind of color management.
This page contains HTML color code picker in which there are HEX and RGB codes for all the colors. You can choose the color from the picker or can mix your own from the mixer.