#5E2214 - #B55A2E | 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 #5E2214 a #B55A2E

#5E2214 #B55A2E

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

#5E2214 - #B55A2E | 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 #5E2214 como 0% y #B55A2E como 100%.

0.0%	0.0% #5E2214	RGB 94 34 20	#5E2214
16.7%	16.7% #6C2B18	RGB 108 43 24	#6C2B18
33.3%	33.3% #7B341C	RGB 123 52 28	#7B341C
50.0%	50.0% #893E21	RGB 137 62 33	#893E21
66.7%	66.7% #984725	RGB 152 71 37	#984725
83.3%	83.3% #A65029	RGB 166 80 41	#A65029
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2214 #6C2B18 #7B341C #893E21 #984725 #A65029 #B55A2E

#5E2214 - #B55A2E

Mezcla HSV

#5E2214 - #B55A2E | 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 #5E2214 como 0% y #B55A2E como 100%.

0.0%	0.0% #5E2213	RGB 94 34 19	#5E2213
16.7%	16.7% #6C2917	RGB 108 41 23	#6C2917
33.3%	33.3% #7B321B	RGB 123 50 27	#7B321B
50.0%	50.0% #893B20	RGB 137 59 32	#893B20
66.7%	66.7% #984424	RGB 152 68 36	#984424
83.3%	83.3% #A64F29	RGB 166 79 41	#A64F29
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2213 #6C2917 #7B321B #893B20 #984424 #A64F29 #B55A2E

#5E2214 - #893B20 - #B55A2E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2213 0%, #893B20 50%, #B55A2E 100%);
    background: -webkit-linear-gradient(top, #5E2213 0%, #893B20 50%, #B55A2E 100%);
    background: linear-gradient(to bottom, #5E2213 0%, #893B20 50%, #B55A2E 100%);
}
</style>