Gradiente de color

En gráficos por computadora, un gradiente de color (a veces llamado rampa de color o progresión de color) especifica un rango de colores dependientes de la posición, generalmente utilizados para llenar una región. Por ejemplo, muchos administradores de ventanas permiten que el fondo de la pantalla se especifique como un degradado. Los colores producidos por un gradiente varían continuamente con la posición, produciendo transiciones de color suaves.

Gradientes axiales
Un gradiente de color axial (a veces también llamado gradiente de color lineal) se especifica mediante dos puntos y un color en cada punto. Los colores a lo largo de la línea a través de esos puntos se calculan usando interpolación lineal, luego se extienden perpendicularmente a esa línea. En los sistemas de imágenes digitales, los colores suelen interpolarse en un espacio de color RGB, a menudo utilizando valores de color RGB comprimidos con rayos gamma, en lugar de lineales. CSS y SVG admiten gradientes lineales.

Gradientes radiales

Un degradado de color radial
Un degradado radial se especifica como un círculo que tiene un color en el borde y otro en el centro. Los colores se calculan por interpolación lineal basada en la distancia desde el centro. Esto se puede usar para aproximar el reflejo difuso de la luz de una fuente puntual por una esfera. Tanto CSS como SVG admiten degradados radiales.

Otras formas
En algunas ocasiones especiales, es apropiado tomar un degradado de color que tome dos o tres colores en el radio de un polígono u otra forma y que no olvide el aspecto de un color diferente, preferiblemente el cuarto, hacia el interior del radio. o dicho gradiente puede eliminarse combinando múltiples gradientes de color, con el esqueleto recto del polígono utilizado para determinar los límites entre pares de gradientes axiales.

En gráficos vectoriales, se pueden usar mallas poligonales, por ejemplo, mallas de degradado compatibles con Adobe Illustrator.