#5E5446 - #534907 | 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 #5E5446 a #534907

#5E5446 #534907

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

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #5C523B	RGB 92 82 59	#5C523B
33.3%	33.3% #5A5031	RGB 90 80 49	#5A5031
50.0%	50.0% #584E26	RGB 88 78 38	#584E26
66.7%	66.7% #564C1C	RGB 86 76 28	#564C1C
83.3%	83.3% #544A11	RGB 84 74 17	#544A11
100.0%	100.0% #534907	RGB 83 73 7	#534907

#5E5446 #5C523B #5A5031 #584E26 #564C1C #544A11 #534907

#5E5446 - #534907

Mezcla HSV

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #5C4F3A	RGB 92 79 58	#5C4F3A
33.3%	33.3% #5A4C2F	RGB 90 76 47	#5A4C2F
50.0%	50.0% #584A24	RGB 88 74 36	#584A24
66.7%	66.7% #56491A	RGB 86 73 26	#56491A
83.3%	83.3% #544810	RGB 84 72 16	#544810
100.0%	100.0% #534907	RGB 83 73 7	#534907

#5E5446 #5C4F3A #5A4C2F #584A24 #56491A #544810 #534907

#5E5446 - #584A24 - #534907

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5446 0%, #584A24 50%, #534907 100%);
    background: -webkit-linear-gradient(top, #5E5446 0%, #584A24 50%, #534907 100%);
    background: linear-gradient(to bottom, #5E5446 0%, #584A24 50%, #534907 100%);
}
</style>