#13152A - #000B0B | 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 #13152A a #000B0B

#13152A #000B0B

Calcule el color entre dos colores, #13152A y #000B0B. 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)

#13152A - #000B0B | 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 #13152A como 0% y #000B0B como 100%.

0.0%	0.0% #13152A	RGB 19 21 42	#13152A
16.7%	16.7% #0F1324	RGB 15 19 36	#0F1324
33.3%	33.3% #0C111F	RGB 12 17 31	#0C111F
50.0%	50.0% #09101A	RGB 9 16 26	#09101A
66.7%	66.7% #060E15	RGB 6 14 21	#060E15
83.3%	83.3% #030C10	RGB 3 12 16	#030C10
100.0%	100.0% #000B0B	RGB 0 11 11	#000B0B

#13152A #0F1324 #0C111F #09101A #060E15 #030C10 #000B0B

#13152A - #000B0B

Mezcla HSV

#13152A - #000B0B | 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 #13152A como 0% y #000B0B como 100%.

0.0%	0.0% #13142A	RGB 19 20 42	#13142A
16.7%	16.7% #0D1324	RGB 13 19 36	#0D1324
33.3%	33.3% #09121F	RGB 9 18 31	#09121F
50.0%	50.0% #05111A	RGB 5 17 26	#05111A
66.7%	66.7% #030F15	RGB 3 15 21	#030F15
83.3%	83.3% #010D10	RGB 1 13 16	#010D10
100.0%	100.0% #000B0B	RGB 0 11 11	#000B0B

#13142A #0D1324 #09121F #05111A #030F15 #010D10 #000B0B

#13152A - #05111A - #000B0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13142A 0%, #05111A 50%, #000B0B 100%);
    background: -webkit-linear-gradient(top, #13142A 0%, #05111A 50%, #000B0B 100%);
    background: linear-gradient(to bottom, #13142A 0%, #05111A 50%, #000B0B 100%);
}
</style>