#1E1E24 - #000B26 | 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 #1E1E24 a #000B26

#1E1E24 #000B26

Calcule el color entre dos colores, #1E1E24 y #000B26. 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)

#1E1E24 - #000B26 | 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 #1E1E24 como 0% y #000B26 como 100%.

0.0%	0.0% #1E1E24	RGB 30 30 36	#1E1E24
16.7%	16.7% #191A24	RGB 25 26 36	#191A24
33.3%	33.3% #141724	RGB 20 23 36	#141724
50.0%	50.0% #0F1425	RGB 15 20 37	#0F1425
66.7%	66.7% #0A1125	RGB 10 17 37	#0A1125
83.3%	83.3% #050E25	RGB 5 14 37	#050E25
100.0%	100.0% #000B26	RGB 0 11 38	#000B26

#1E1E24 #191A24 #141724 #0F1425 #0A1125 #050E25 #000B26

#1E1E24 - #000B26

Mezcla HSV

#1E1E24 - #000B26 | 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 #1E1E24 como 0% y #000B26 como 100%.

0.0%	0.0% #1E1E24	RGB 30 30 36	#1E1E24
16.7%	16.7% #191924	RGB 25 25 36	#191924
33.3%	33.3% #141524	RGB 20 21 36	#141524
50.0%	50.0% #0F1225	RGB 15 18 37	#0F1225
66.7%	66.7% #0A0F25	RGB 10 15 37	#0A0F25
83.3%	83.3% #050D25	RGB 5 13 37	#050D25
100.0%	100.0% #000B26	RGB 0 11 38	#000B26

#1E1E24 #191924 #141524 #0F1225 #0A0F25 #050D25 #000B26

#1E1E24 - #0F1225 - #000B26

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E1E24 0%, #0F1225 50%, #000B26 100%);
    background: -webkit-linear-gradient(top, #1E1E24 0%, #0F1225 50%, #000B26 100%);
    background: linear-gradient(to bottom, #1E1E24 0%, #0F1225 50%, #000B26 100%);
}
</style>