#008FD1 - #005799 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #008FD1 a #005799

#008FD1 #005799

Calcule el color entre dos colores, #008FD1 y #005799. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#008FD1 - #005799 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #008FD1 como 0% y #005799 como 100%.

0.0%	0.0% #008FD1	RGB 0 143 209	#008FD1
16.7%	16.7% #0085C7	RGB 0 133 199	#0085C7
33.3%	33.3% #007CBE	RGB 0 124 190	#007CBE
50.0%	50.0% #0073B5	RGB 0 115 181	#0073B5
66.7%	66.7% #0069AB	RGB 0 105 171	#0069AB
83.3%	83.3% #0060A2	RGB 0 96 162	#0060A2
100.0%	100.0% #005799	RGB 0 87 153	#005799

#008FD1 #0085C7 #007CBE #0073B5 #0069AB #0060A2 #005799

#008FD1 - #005799

Mezcla HSV

#008FD1 - #005799 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #008FD1 como 0% y #005799 como 100%.

0.0%	0.0% #008FD1	RGB 0 143 209	#008FD1
16.7%	16.7% #0084C7	RGB 0 132 199	#0084C7
33.3%	33.3% #007ABE	RGB 0 122 190	#007ABE
50.0%	50.0% #0071B5	RGB 0 113 181	#0071B5
66.7%	66.7% #0068AB	RGB 0 104 171	#0068AB
83.3%	83.3% #005FA2	RGB 0 95 162	#005FA2
100.0%	100.0% #005799	RGB 0 87 153	#005799

#008FD1 #0084C7 #007ABE #0071B5 #0068AB #005FA2 #005799

#008FD1 - #0071B5 - #005799

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #008FD1 0%, #005799 100%);
    background: -webkit-linear-gradient(top, #008FD1 0%, #005799 100%);
    background: linear-gradient(to bottom, #008FD1 0%, #005799 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008FD1 0%, #0071B5 50%, #005799 100%);
    background: -webkit-linear-gradient(top, #008FD1 0%, #0071B5 50%, #005799 100%);
    background: linear-gradient(to bottom, #008FD1 0%, #0071B5 50%, #005799 100%);
}
</style>