#273248 - #0B0E14 | 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 #273248 a #0B0E14

#273248 #0B0E14

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

#273248 - #0B0E14 | 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 #273248 como 0% y #0B0E14 como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #222C3F	RGB 34 44 63	#222C3F
33.3%	33.3% #1D2636	RGB 29 38 54	#1D2636
50.0%	50.0% #19202E	RGB 25 32 46	#19202E
66.7%	66.7% #141A25	RGB 20 26 37	#141A25
83.3%	83.3% #0F141C	RGB 15 20 28	#0F141C
100.0%	100.0% #0B0E14	RGB 11 14 20	#0B0E14

#273248 #222C3F #1D2636 #19202E #141A25 #0F141C #0B0E14

#273248 - #0B0E14

Mezcla HSV

#273248 - #0B0E14 | 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 #273248 como 0% y #0B0E14 como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #222C3F	RGB 34 44 63	#222C3F
33.3%	33.3% #1D2636	RGB 29 38 54	#1D2636
50.0%	50.0% #19202E	RGB 25 32 46	#19202E
66.7%	66.7% #141A25	RGB 20 26 37	#141A25
83.3%	83.3% #0F141C	RGB 15 20 28	#0F141C
100.0%	100.0% #0B0E14	RGB 11 14 20	#0B0E14

#273248 #222C3F #1D2636 #19202E #141A25 #0F141C #0B0E14

#273248 - #19202E - #0B0E14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #273248 0%, #19202E 50%, #0B0E14 100%);
    background: -webkit-linear-gradient(top, #273248 0%, #19202E 50%, #0B0E14 100%);
    background: linear-gradient(to bottom, #273248 0%, #19202E 50%, #0B0E14 100%);
}
</style>