#5E2B2D - #26100C | 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 #5E2B2D a #26100C

#5E2B2D #26100C

Calcule el color entre dos colores, #5E2B2D y #26100C. 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)

#5E2B2D - #26100C | 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 #5E2B2D como 0% y #26100C como 100%.

0.0%	0.0% #5E2B2D	RGB 94 43 45	#5E2B2D
16.7%	16.7% #542627	RGB 84 38 39	#542627
33.3%	33.3% #4B2222	RGB 75 34 34	#4B2222
50.0%	50.0% #421D1C	RGB 66 29 28	#421D1C
66.7%	66.7% #381917	RGB 56 25 23	#381917
83.3%	83.3% #2F1411	RGB 47 20 17	#2F1411
100.0%	100.0% #26100C	RGB 38 16 12	#26100C

#5E2B2D #542627 #4B2222 #421D1C #381917 #2F1411 #26100C

#5E2B2D - #26100C

Mezcla HSV

#5E2B2D - #26100C | 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 #5E2B2D como 0% y #26100C como 100%.

0.0%	0.0% #5E2B2D	RGB 94 43 45	#5E2B2D
16.7%	16.7% #542425	RGB 84 36 37	#542425
33.3%	33.3% #4B201E	RGB 75 32 30	#4B201E
50.0%	50.0% #421B19	RGB 66 27 25	#421B19
66.7%	66.7% #381714	RGB 56 23 20	#381714
83.3%	83.3% #2F1310	RGB 47 19 16	#2F1310
100.0%	100.0% #26100C	RGB 38 16 12	#26100C

#5E2B2D #542425 #4B201E #421B19 #381714 #2F1310 #26100C

#5E2B2D - #421B19 - #26100C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B2D 0%, #421B19 50%, #26100C 100%);
    background: -webkit-linear-gradient(top, #5E2B2D 0%, #421B19 50%, #26100C 100%);
    background: linear-gradient(to bottom, #5E2B2D 0%, #421B19 50%, #26100C 100%);
}
</style>