#5F5E5E - #5C3E12 | 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 #5F5E5E a #5C3E12

#5F5E5E #5C3E12

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

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #5E5851	RGB 94 88 81	#5E5851
33.3%	33.3% #5E5344	RGB 94 83 68	#5E5344
50.0%	50.0% #5D4E38	RGB 93 78 56	#5D4E38
66.7%	66.7% #5D482B	RGB 93 72 43	#5D482B
83.3%	83.3% #5C431E	RGB 92 67 30	#5C431E
100.0%	100.0% #5C3E12	RGB 92 62 18	#5C3E12

#5F5E5E #5E5851 #5E5344 #5D4E38 #5D482B #5C431E #5C3E12

#5F5E5E - #5C3E12

Mezcla HSV

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #5E5251	RGB 94 82 81	#5E5251
33.3%	33.3% #5E4944	RGB 94 73 68	#5E4944
50.0%	50.0% #5D4237	RGB 93 66 55	#5D4237
66.7%	66.7% #5D3E2A	RGB 93 62 42	#5D3E2A
83.3%	83.3% #5C3D1E	RGB 92 61 30	#5C3D1E
100.0%	100.0% #5C3E12	RGB 92 62 18	#5C3E12

#5F5E5E #5E5251 #5E4944 #5D4237 #5D3E2A #5C3D1E #5C3E12

#5F5E5E - #5D4237 - #5C3E12

Códigos CSS

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

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