#5E5136 - #452A06 | 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 #5E5136 a #452A06

#5E5136 #452A06

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

#5E5136 - #452A06 | 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 #5E5136 como 0% y #452A06 como 100%.

0.0%	0.0% #5E5136	RGB 94 81 54	#5E5136
16.7%	16.7% #594A2E	RGB 89 74 46	#594A2E
33.3%	33.3% #554426	RGB 85 68 38	#554426
50.0%	50.0% #513D1E	RGB 81 61 30	#513D1E
66.7%	66.7% #4D3716	RGB 77 55 22	#4D3716
83.3%	83.3% #49300E	RGB 73 48 14	#49300E
100.0%	100.0% #452A06	RGB 69 42 6	#452A06

#5E5136 #594A2E #554426 #513D1E #4D3716 #49300E #452A06

#5E5136 - #452A06

Mezcla HSV

#5E5136 - #452A06 | 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 #5E5136 como 0% y #452A06 como 100%.

0.0%	0.0% #5E5136	RGB 94 81 54	#5E5136
16.7%	16.7% #594A2C	RGB 89 74 44	#594A2C
33.3%	33.3% #554323	RGB 85 67 35	#554323
50.0%	50.0% #513C1A	RGB 81 60 26	#513C1A
66.7%	66.7% #4D3613	RGB 77 54 19	#4D3613
83.3%	83.3% #49300C	RGB 73 48 12	#49300C
100.0%	100.0% #452A06	RGB 69 42 6	#452A06

#5E5136 #594A2C #554323 #513C1A #4D3613 #49300C #452A06

#5E5136 - #513C1A - #452A06

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5136 0%, #513C1A 50%, #452A06 100%);
    background: -webkit-linear-gradient(top, #5E5136 0%, #513C1A 50%, #452A06 100%);
    background: linear-gradient(to bottom, #5E5136 0%, #513C1A 50%, #452A06 100%);
}
</style>