#200101 - #4F2B2E | 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 #200101 a #4F2B2E

#200101 #4F2B2E

Calcule el color entre dos colores, #200101 y #4F2B2E. 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)

#200101 - #4F2B2E | 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 #200101 como 0% y #4F2B2E como 100%.

0.0%	0.0% #200101	RGB 32 1 1	#200101
16.7%	16.7% #270808	RGB 39 8 8	#270808
33.3%	33.3% #2F0F10	RGB 47 15 16	#2F0F10
50.0%	50.0% #371617	RGB 55 22 23	#371617
66.7%	66.7% #3F1D1F	RGB 63 29 31	#3F1D1F
83.3%	83.3% #472426	RGB 71 36 38	#472426
100.0%	100.0% #4F2B2E	RGB 79 43 46	#4F2B2E

#200101 #270808 #2F0F10 #371617 #3F1D1F #472426 #4F2B2E

#200101 - #4F2B2E

Mezcla HSV

#200101 - #4F2B2E | 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 #200101 como 0% y #4F2B2E como 100%.

0.0%	0.0% #200101	RGB 32 1 1	#200101
16.7%	16.7% #270405	RGB 39 4 5	#270405
33.3%	33.3% #2F090A	RGB 47 9 10	#2F090A
50.0%	50.0% #370F11	RGB 55 15 17	#370F11
66.7%	66.7% #3F1719	RGB 63 23 25	#3F1719
83.3%	83.3% #472023	RGB 71 32 35	#472023
100.0%	100.0% #4F2B2E	RGB 79 43 46	#4F2B2E

#200101 #270405 #2F090A #370F11 #3F1719 #472023 #4F2B2E

#200101 - #370F11 - #4F2B2E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200101 0%, #370F11 50%, #4F2B2E 100%);
    background: -webkit-linear-gradient(top, #200101 0%, #370F11 50%, #4F2B2E 100%);
    background: linear-gradient(to bottom, #200101 0%, #370F11 50%, #4F2B2E 100%);
}
</style>