#5E5E2C - #3F3406 | 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 #5E5E2C a #3F3406

#5E5E2C #3F3406

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

#5E5E2C - #3F3406 | 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 #5E5E2C como 0% y #3F3406 como 100%.

0.0%	0.0% #5E5E2C	RGB 94 94 44	#5E5E2C
16.7%	16.7% #585725	RGB 88 87 37	#585725
33.3%	33.3% #53501F	RGB 83 80 31	#53501F
50.0%	50.0% #4E4919	RGB 78 73 25	#4E4919
66.7%	66.7% #494212	RGB 73 66 18	#494212
83.3%	83.3% #443B0C	RGB 68 59 12	#443B0C
100.0%	100.0% #3F3406	RGB 63 52 6	#3F3406

#5E5E2C #585725 #53501F #4E4919 #494212 #443B0C #3F3406

#5E5E2C - #3F3406

Mezcla HSV

#5E5E2C - #3F3406 | 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 #5E5E2C como 0% y #3F3406 como 100%.

0.0%	0.0% #5E5E2C	RGB 94 94 44	#5E5E2C
16.7%	16.7% #585724	RGB 88 87 36	#585724
33.3%	33.3% #53501C	RGB 83 80 28	#53501C
50.0%	50.0% #4E4916	RGB 78 73 22	#4E4916
66.7%	66.7% #494110	RGB 73 65 16	#494110
83.3%	83.3% #443A0A	RGB 68 58 10	#443A0A
100.0%	100.0% #3F3406	RGB 63 52 6	#3F3406

#5E5E2C #585724 #53501C #4E4916 #494110 #443A0A #3F3406

#5E5E2C - #4E4916 - #3F3406

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E2C 0%, #4E4916 50%, #3F3406 100%);
    background: -webkit-linear-gradient(top, #5E5E2C 0%, #4E4916 50%, #3F3406 100%);
    background: linear-gradient(to bottom, #5E5E2C 0%, #4E4916 50%, #3F3406 100%);
}
</style>