#5E5444 - #524808 | 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 #5E5444 a #524808

#5E5444 #524808

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

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

0.0%	0.0% #5E5444	RGB 94 84 68	#5E5444
16.7%	16.7% #5C523A	RGB 92 82 58	#5C523A
33.3%	33.3% #5A5030	RGB 90 80 48	#5A5030
50.0%	50.0% #584E26	RGB 88 78 38	#584E26
66.7%	66.7% #564C1C	RGB 86 76 28	#564C1C
83.3%	83.3% #544A12	RGB 84 74 18	#544A12
100.0%	100.0% #524808	RGB 82 72 8	#524808

#5E5444 #5C523A #5A5030 #584E26 #564C1C #544A12 #524808

#5E5444 - #524808

Mezcla HSV

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

0.0%	0.0% #5E5444	RGB 94 84 68	#5E5444
16.7%	16.7% #5C4F38	RGB 92 79 56	#5C4F38
33.3%	33.3% #5A4C2E	RGB 90 76 46	#5A4C2E
50.0%	50.0% #584A24	RGB 88 74 36	#584A24
66.7%	66.7% #56481A	RGB 86 72 26	#56481A
83.3%	83.3% #544810	RGB 84 72 16	#544810
100.0%	100.0% #524808	RGB 82 72 8	#524808

#5E5444 #5C4F38 #5A4C2E #584A24 #56481A #544810 #524808

#5E5444 - #584A24 - #524808

Códigos CSS

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

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