#0042A6 - #0C4265 | 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 #0042A6 a #0C4265

#0042A6 #0C4265

Calcule el color entre dos colores, #0042A6 y #0C4265. 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)

#0042A6 - #0C4265 | 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 #0042A6 como 0% y #0C4265 como 100%.

0.0%	0.0% #0042A6	RGB 0 66 166	#0042A6
16.7%	16.7% #02429B	RGB 2 66 155	#02429B
33.3%	33.3% #044290	RGB 4 66 144	#044290
50.0%	50.0% #064285	RGB 6 66 133	#064285
66.7%	66.7% #08427A	RGB 8 66 122	#08427A
83.3%	83.3% #0A426F	RGB 10 66 111	#0A426F
100.0%	100.0% #0C4265	RGB 12 66 101	#0C4265

#0042A6 #02429B #044290 #064285 #08427A #0A426F #0C4265

#0042A6 - #0C4265

Mezcla HSV

#0042A6 - #0C4265 | 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 #0042A6 como 0% y #0C4265 como 100%.

0.0%	0.0% #0042A6	RGB 0 66 166	#0042A6
16.7%	16.7% #03449B	RGB 3 68 155	#03449B
33.3%	33.3% #054690	RGB 5 70 144	#054690
50.0%	50.0% #074685	RGB 7 70 133	#074685
66.7%	66.7% #09467A	RGB 9 70 122	#09467A
83.3%	83.3% #0B446F	RGB 11 68 111	#0B446F
100.0%	100.0% #0C4265	RGB 12 66 101	#0C4265

#0042A6 #03449B #054690 #074685 #09467A #0B446F #0C4265

#0042A6 - #074685 - #0C4265

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0042A6 0%, #074685 50%, #0C4265 100%);
    background: -webkit-linear-gradient(top, #0042A6 0%, #074685 50%, #0C4265 100%);
    background: linear-gradient(to bottom, #0042A6 0%, #074685 50%, #0C4265 100%);
}
</style>