#243250 - #0A1310 | 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 #243250 a #0A1310

#243250 #0A1310

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

#243250 - #0A1310 | 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 #243250 como 0% y #0A1310 como 100%.

0.0%	0.0% #243250	RGB 36 50 80	#243250
16.7%	16.7% #1F2C45	RGB 31 44 69	#1F2C45
33.3%	33.3% #1B273A	RGB 27 39 58	#1B273A
50.0%	50.0% #172230	RGB 23 34 48	#172230
66.7%	66.7% #121D25	RGB 18 29 37	#121D25
83.3%	83.3% #0E181A	RGB 14 24 26	#0E181A
100.0%	100.0% #0A1310	RGB 10 19 16	#0A1310

#243250 #1F2C45 #1B273A #172230 #121D25 #0E181A #0A1310

#243250 - #0A1310

Mezcla HSV

#243250 - #0A1310 | 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 #243250 como 0% y #0A1310 como 100%.

0.0%	0.0% #243150	RGB 36 49 80	#243150
16.7%	16.7% #203245	RGB 32 50 69	#203245
33.3%	33.3% #1C303B	RGB 28 48 59	#1C303B
50.0%	50.0% #182D31	RGB 24 45 49	#182D31
66.7%	66.7% #132727	RGB 19 39 39	#132727
83.3%	83.3% #0E1D1A	RGB 14 29 26	#0E1D1A
100.0%	100.0% #0A1310	RGB 10 19 16	#0A1310

#243150 #203245 #1C303B #182D31 #132727 #0E1D1A #0A1310

#243250 - #182D31 - #0A1310

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #243150 0%, #182D31 50%, #0A1310 100%);
    background: -webkit-linear-gradient(top, #243150 0%, #182D31 50%, #0A1310 100%);
    background: linear-gradient(to bottom, #243150 0%, #182D31 50%, #0A1310 100%);
}
</style>