#1E2324 - #08090A | 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 #1E2324 a #08090A

#1E2324 #08090A

Calcule el color entre dos colores, #1E2324 y #08090A. 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)

#1E2324 - #08090A | 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 #1E2324 como 0% y #08090A como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #1A1E1F	RGB 26 30 31	#1A1E1F
33.3%	33.3% #161A1B	RGB 22 26 27	#161A1B
50.0%	50.0% #131617	RGB 19 22 23	#131617
66.7%	66.7% #0F1112	RGB 15 17 18	#0F1112
83.3%	83.3% #0B0D0E	RGB 11 13 14	#0B0D0E
100.0%	100.0% #08090A	RGB 8 9 10	#08090A

#1E2324 #1A1E1F #161A1B #131617 #0F1112 #0B0D0E #08090A

#1E2324 - #08090A

Mezcla HSV

#1E2324 - #08090A | 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 #1E2324 como 0% y #08090A como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #1A1E1F	RGB 26 30 31	#1A1E1F
33.3%	33.3% #16191B	RGB 22 25 27	#16191B
50.0%	50.0% #121517	RGB 18 21 23	#121517
66.7%	66.7% #0F1112	RGB 15 17 18	#0F1112
83.3%	83.3% #0B0D0E	RGB 11 13 14	#0B0D0E
100.0%	100.0% #08090A	RGB 8 9 10	#08090A

#1E2324 #1A1E1F #16191B #121517 #0F1112 #0B0D0E #08090A

#1E2324 - #121517 - #08090A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2324 0%, #121517 50%, #08090A 100%);
    background: -webkit-linear-gradient(top, #1E2324 0%, #121517 50%, #08090A 100%);
    background: linear-gradient(to bottom, #1E2324 0%, #121517 50%, #08090A 100%);
}
</style>