#1E2324 - #00261B | 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 #00261B

#1E2324 #00261B

Calcule el color entre dos colores, #1E2324 y #00261B. 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 - #00261B | 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 #00261B como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #192322	RGB 25 35 34	#192322
33.3%	33.3% #142421	RGB 20 36 33	#142421
50.0%	50.0% #0F241F	RGB 15 36 31	#0F241F
66.7%	66.7% #0A251E	RGB 10 37 30	#0A251E
83.3%	83.3% #05251C	RGB 5 37 28	#05251C
100.0%	100.0% #00261B	RGB 0 38 27	#00261B

#1E2324 #192322 #142421 #0F241F #0A251E #05251C #00261B

#1E2324 - #00261B

Mezcla HSV

#1E2324 - #00261B | 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 #00261B como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #192324	RGB 25 35 36	#192324
33.3%	33.3% #142424	RGB 20 36 36	#142424
50.0%	50.0% #0F2523	RGB 15 37 35	#0F2523
66.7%	66.7% #0A2521	RGB 10 37 33	#0A2521
83.3%	83.3% #05251E	RGB 5 37 30	#05251E
100.0%	100.0% #00261B	RGB 0 38 27	#00261B

#1E2324 #192324 #142424 #0F2523 #0A2521 #05251E #00261B

#1E2324 - #0F2523 - #00261B

Códigos CSS

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

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