#005C92 - #6AB9CF | 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 #005C92 a #6AB9CF

#005C92 #6AB9CF

Calcule el color entre dos colores, #005C92 y #6AB9CF. 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)

#005C92 - #6AB9CF | 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 #005C92 como 0% y #6AB9CF como 100%.

0.0%	0.0% #005C92	RGB 0 92 146	#005C92
16.7%	16.7% #116B9C	RGB 17 107 156	#116B9C
33.3%	33.3% #237BA6	RGB 35 123 166	#237BA6
50.0%	50.0% #358AB0	RGB 53 138 176	#358AB0
66.7%	66.7% #469ABA	RGB 70 154 186	#469ABA
83.3%	83.3% #58A9C4	RGB 88 169 196	#58A9C4
100.0%	100.0% #6AB9CF	RGB 106 185 207	#6AB9CF

#005C92 #116B9C #237BA6 #358AB0 #469ABA #58A9C4 #6AB9CF

#005C92 - #6AB9CF

Mezcla HSV

#005C92 - #6AB9CF | 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 #005C92 como 0% y #6AB9CF como 100%.

0.0%	0.0% #005C92	RGB 0 92 146	#005C92
16.7%	16.7% #0D6A9C	RGB 13 106 156	#0D6A9C
33.3%	33.3% #1C7AA6	RGB 28 122 166	#1C7AA6
50.0%	50.0% #2D89B0	RGB 45 137 176	#2D89B0
66.7%	66.7% #3F99BA	RGB 63 153 186	#3F99BA
83.3%	83.3% #53A9C4	RGB 83 169 196	#53A9C4
100.0%	100.0% #6AB9CF	RGB 106 185 207	#6AB9CF

#005C92 #0D6A9C #1C7AA6 #2D89B0 #3F99BA #53A9C4 #6AB9CF

#005C92 - #2D89B0 - #6AB9CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005C92 0%, #2D89B0 50%, #6AB9CF 100%);
    background: -webkit-linear-gradient(top, #005C92 0%, #2D89B0 50%, #6AB9CF 100%);
    background: linear-gradient(to bottom, #005C92 0%, #2D89B0 50%, #6AB9CF 100%);
}
</style>