#585753 - #46310C | 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 #585753 a #46310C

#585753 #46310C

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

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

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #555047	RGB 85 80 71	#555047
33.3%	33.3% #524A3B	RGB 82 74 59	#524A3B
50.0%	50.0% #4F442F	RGB 79 68 47	#4F442F
66.7%	66.7% #4C3D23	RGB 76 61 35	#4C3D23
83.3%	83.3% #493717	RGB 73 55 23	#493717
100.0%	100.0% #46310C	RGB 70 49 12	#46310C

#585753 #555047 #524A3B #4F442F #4C3D23 #493717 #46310C

#585753 - #46310C

Mezcla HSV

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

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #555145	RGB 85 81 69	#555145
33.3%	33.3% #524B38	RGB 82 75 56	#524B38
50.0%	50.0% #4F452C	RGB 79 69 44	#4F452C
66.7%	66.7% #4C3E20	RGB 76 62 32	#4C3E20
83.3%	83.3% #493715	RGB 73 55 21	#493715
100.0%	100.0% #46310C	RGB 70 49 12	#46310C

#585753 #555145 #524B38 #4F452C #4C3E20 #493715 #46310C

#585753 - #4F452C - #46310C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585753 0%, #4F452C 50%, #46310C 100%);
    background: -webkit-linear-gradient(top, #585753 0%, #4F452C 50%, #46310C 100%);
    background: linear-gradient(to bottom, #585753 0%, #4F452C 50%, #46310C 100%);
}
</style>