#5E2F3E - #310D0D | 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 #5E2F3E a #310D0D

#5E2F3E #310D0D

Calcule el color entre dos colores, #5E2F3E y #310D0D. 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)

#5E2F3E - #310D0D | 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 #5E2F3E como 0% y #310D0D como 100%.

0.0%	0.0% #5E2F3E	RGB 94 47 62	#5E2F3E
16.7%	16.7% #562935	RGB 86 41 53	#562935
33.3%	33.3% #4F232D	RGB 79 35 45	#4F232D
50.0%	50.0% #471E25	RGB 71 30 37	#471E25
66.7%	66.7% #40181D	RGB 64 24 29	#40181D
83.3%	83.3% #381215	RGB 56 18 21	#381215
100.0%	100.0% #310D0D	RGB 49 13 13	#310D0D

#5E2F3E #562935 #4F232D #471E25 #40181D #381215 #310D0D

#5E2F3E - #310D0D

Mezcla HSV

#5E2F3E - #310D0D | 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 #5E2F3E como 0% y #310D0D como 100%.

0.0%	0.0% #5E2F3E	RGB 94 47 62	#5E2F3E
16.7%	16.7% #562734	RGB 86 39 52	#562734
33.3%	33.3% #4F212B	RGB 79 33 43	#4F212B
50.0%	50.0% #471B22	RGB 71 27 34	#471B22
66.7%	66.7% #40151A	RGB 64 21 26	#40151A
83.3%	83.3% #381113	RGB 56 17 19	#381113
100.0%	100.0% #310D0D	RGB 49 13 13	#310D0D

#5E2F3E #562734 #4F212B #471B22 #40151A #381113 #310D0D

#5E2F3E - #471B22 - #310D0D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
    background: -webkit-linear-gradient(top, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
    background: linear-gradient(to bottom, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
}
</style>