#0F1021 - #00090B | 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 #0F1021 a #00090B

#0F1021 #00090B

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

#0F1021 - #00090B | 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 #0F1021 como 0% y #00090B como 100%.

0.0%	0.0% #0F1021	RGB 15 16 33	#0F1021
16.7%	16.7% #0C0E1D	RGB 12 14 29	#0C0E1D
33.3%	33.3% #0A0D19	RGB 10 13 25	#0A0D19
50.0%	50.0% #070C16	RGB 7 12 22	#070C16
66.7%	66.7% #050B12	RGB 5 11 18	#050B12
83.3%	83.3% #020A0E	RGB 2 10 14	#020A0E
100.0%	100.0% #00090B	RGB 0 9 11	#00090B

#0F1021 #0C0E1D #0A0D19 #070C16 #050B12 #020A0E #00090B

#0F1021 - #00090B

Mezcla HSV

#0F1021 - #00090B | 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 #0F1021 como 0% y #00090B como 100%.

0.0%	0.0% #0F1021	RGB 15 16 33	#0F1021
16.7%	16.7% #0B0E1D	RGB 11 14 29	#0B0E1D
33.3%	33.3% #070D19	RGB 7 13 25	#070D19
50.0%	50.0% #050C16	RGB 5 12 22	#050C16
66.7%	66.7% #020B12	RGB 2 11 18	#020B12
83.3%	83.3% #010A0E	RGB 1 10 14	#010A0E
100.0%	100.0% #00090B	RGB 0 9 11	#00090B

#0F1021 #0B0E1D #070D19 #050C16 #020B12 #010A0E #00090B

#0F1021 - #050C16 - #00090B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F1021 0%, #050C16 50%, #00090B 100%);
    background: -webkit-linear-gradient(top, #0F1021 0%, #050C16 50%, #00090B 100%);
    background: linear-gradient(to bottom, #0F1021 0%, #050C16 50%, #00090B 100%);
}
</style>