#5E2D08 - #BA651E | 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 #5E2D08 a #BA651E

#5E2D08 #BA651E

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

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

0.0%	0.0% #5E2D08	RGB 94 45 8	#5E2D08
16.7%	16.7% #6D360B	RGB 109 54 11	#6D360B
33.3%	33.3% #7C3F0F	RGB 124 63 15	#7C3F0F
50.0%	50.0% #8C4913	RGB 140 73 19	#8C4913
66.7%	66.7% #9B5216	RGB 155 82 22	#9B5216
83.3%	83.3% #AA5B1A	RGB 170 91 26	#AA5B1A
100.0%	100.0% #BA651E	RGB 186 101 30	#BA651E

#5E2D08 #6D360B #7C3F0F #8C4913 #9B5216 #AA5B1A #BA651E

#5E2D08 - #BA651E

Mezcla HSV

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

0.0%	0.0% #5E2C07	RGB 94 44 7	#5E2C07
16.7%	16.7% #6D350A	RGB 109 53 10	#6D350A
33.3%	33.3% #7C3E0D	RGB 124 62 13	#7C3E0D
50.0%	50.0% #8C4711	RGB 140 71 17	#8C4711
66.7%	66.7% #9B5115	RGB 155 81 21	#9B5115
83.3%	83.3% #AA5A19	RGB 170 90 25	#AA5A19
100.0%	100.0% #BA651E	RGB 186 101 30	#BA651E

#5E2C07 #6D350A #7C3E0D #8C4711 #9B5115 #AA5A19 #BA651E

#5E2D08 - #8C4711 - #BA651E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
    background: -webkit-linear-gradient(top, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
    background: linear-gradient(to bottom, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
}
</style>