#3C3E3C - #8B8360 | 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 #3C3E3C a #8B8360

#3C3E3C #8B8360

Calcule el color entre dos colores, #3C3E3C y #8B8360. 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)

#3C3E3C - #8B8360 | 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 #3C3E3C como 0% y #8B8360 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494942	RGB 73 73 66	#494942
33.3%	33.3% #565548	RGB 86 85 72	#565548
50.0%	50.0% #63604E	RGB 99 96 78	#63604E
66.7%	66.7% #706C54	RGB 112 108 84	#706C54
83.3%	83.3% #7D775A	RGB 125 119 90	#7D775A
100.0%	100.0% #8B8360	RGB 139 131 96	#8B8360

#3C3E3C #494942 #565548 #63604E #706C54 #7D775A #8B8360

#3C3E3C - #8B8360

Mezcla HSV

#3C3E3C - #8B8360 | 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 #3C3E3C como 0% y #8B8360 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #464A44	RGB 70 74 68	#464A44
33.3%	33.3% #51574C	RGB 81 87 76	#51574C
50.0%	50.0% #5D6453	RGB 93 100 83	#5D6453
66.7%	66.7% #6C7158	RGB 108 113 88	#6C7158
83.3%	83.3% #7D7E5C	RGB 125 126 92	#7D7E5C
100.0%	100.0% #8B8360	RGB 139 131 96	#8B8360

#3C3E3C #464A44 #51574C #5D6453 #6C7158 #7D7E5C #8B8360

#3C3E3C - #5D6453 - #8B8360

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
}
</style>