#1E2421 - #080A09 | 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 #1E2421 a #080A09

#1E2421 #080A09

Calcule el color entre dos colores, #1E2421 y #080A09. 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)

#1E2421 - #080A09 | 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 #1E2421 como 0% y #080A09 como 100%.

0.0%	0.0% #1E2421	RGB 30 36 33	#1E2421
16.7%	16.7% #1A1F1D	RGB 26 31 29	#1A1F1D
33.3%	33.3% #161B19	RGB 22 27 25	#161B19
50.0%	50.0% #131715	RGB 19 23 21	#131715
66.7%	66.7% #0F1211	RGB 15 18 17	#0F1211
83.3%	83.3% #0B0E0D	RGB 11 14 13	#0B0E0D
100.0%	100.0% #080A09	RGB 8 10 9	#080A09

#1E2421 #1A1F1D #161B19 #131715 #0F1211 #0B0E0D #080A09

#1E2421 - #080A09

Mezcla HSV

#1E2421 - #080A09 | 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 #1E2421 como 0% y #080A09 como 100%.

0.0%	0.0% #1E2421	RGB 30 36 33	#1E2421
16.7%	16.7% #1A1F1C	RGB 26 31 28	#1A1F1C
33.3%	33.3% #161B18	RGB 22 27 24	#161B18
50.0%	50.0% #121714	RGB 18 23 20	#121714
66.7%	66.7% #0F1210	RGB 15 18 16	#0F1210
83.3%	83.3% #0B0E0C	RGB 11 14 12	#0B0E0C
100.0%	100.0% #080A09	RGB 8 10 9	#080A09

#1E2421 #1A1F1C #161B18 #121714 #0F1210 #0B0E0C #080A09

#1E2421 - #121714 - #080A09

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2421 0%, #121714 50%, #080A09 100%);
    background: -webkit-linear-gradient(top, #1E2421 0%, #121714 50%, #080A09 100%);
    background: linear-gradient(to bottom, #1E2421 0%, #121714 50%, #080A09 100%);
}
</style>