#5E482F - #1A140D | 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 #5E482F a #1A140D

#5E482F #1A140D

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

#5E482F - #1A140D | 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 #5E482F como 0% y #1A140D como 100%.

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #523F29	RGB 82 63 41	#523F29
33.3%	33.3% #473623	RGB 71 54 35	#473623
50.0%	50.0% #3C2E1E	RGB 60 46 30	#3C2E1E
66.7%	66.7% #302518	RGB 48 37 24	#302518
83.3%	83.3% #251C12	RGB 37 28 18	#251C12
100.0%	100.0% #1A140D	RGB 26 20 13	#1A140D

#5E482F #523F29 #473623 #3C2E1E #302518 #251C12 #1A140D

#5E482F - #1A140D

Mezcla HSV

#5E482F - #1A140D | 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 #5E482F como 0% y #1A140D como 100%.

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #523F29	RGB 82 63 41	#523F29
33.3%	33.3% #473623	RGB 71 54 35	#473623
50.0%	50.0% #3C2E1E	RGB 60 46 30	#3C2E1E
66.7%	66.7% #302518	RGB 48 37 24	#302518
83.3%	83.3% #251C12	RGB 37 28 18	#251C12
100.0%	100.0% #1A140D	RGB 26 20 13	#1A140D

#5E482F #523F29 #473623 #3C2E1E #302518 #251C12 #1A140D

#5E482F - #3C2E1E - #1A140D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E482F 0%, #3C2E1E 50%, #1A140D 100%);
    background: -webkit-linear-gradient(top, #5E482F 0%, #3C2E1E 50%, #1A140D 100%);
    background: linear-gradient(to bottom, #5E482F 0%, #3C2E1E 50%, #1A140D 100%);
}
</style>