#54564C - #293408 | 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 #54564C a #293408

#54564C #293408

Calcule el color entre dos colores, #54564C y #293408. 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)

#54564C - #293408 | 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 #54564C como 0% y #293408 como 100%.

0.0%	0.0% #54564C	RGB 84 86 76	#54564C
16.7%	16.7% #4C5040	RGB 76 80 64	#4C5040
33.3%	33.3% #454A35	RGB 69 74 53	#454A35
50.0%	50.0% #3E452A	RGB 62 69 42	#3E452A
66.7%	66.7% #373F1E	RGB 55 63 30	#373F1E
83.3%	83.3% #303913	RGB 48 57 19	#303913
100.0%	100.0% #293408	RGB 41 52 8	#293408

#54564C #4C5040 #454A35 #3E452A #373F1E #303913 #293408

#54564C - #293408

Mezcla HSV

#54564C - #293408 | 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 #54564C como 0% y #293408 como 100%.

0.0%	0.0% #54564C	RGB 84 86 76	#54564C
16.7%	16.7% #4C503D	RGB 76 80 61	#4C503D
33.3%	33.3% #444A2F	RGB 68 74 47	#444A2F
50.0%	50.0% #3D4523	RGB 61 69 35	#3D4523
66.7%	66.7% #363F19	RGB 54 63 25	#363F19
83.3%	83.3% #2F390F	RGB 47 57 15	#2F390F
100.0%	100.0% #293408	RGB 41 52 8	#293408

#54564C #4C503D #444A2F #3D4523 #363F19 #2F390F #293408

#54564C - #3D4523 - #293408

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54564C 0%, #3D4523 50%, #293408 100%);
    background: -webkit-linear-gradient(top, #54564C 0%, #3D4523 50%, #293408 100%);
    background: linear-gradient(to bottom, #54564C 0%, #3D4523 50%, #293408 100%);
}
</style>