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

#3C3E3C #8B6960

Calcule el color entre dos colores, #3C3E3C y #8B6960. 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 - #8B6960 | 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 #8B6960 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494542	RGB 73 69 66	#494542
33.3%	33.3% #564C48	RGB 86 76 72	#564C48
50.0%	50.0% #63534E	RGB 99 83 78	#63534E
66.7%	66.7% #705A54	RGB 112 90 84	#705A54
83.3%	83.3% #7D615A	RGB 125 97 90	#7D615A
100.0%	100.0% #8B6960	RGB 139 105 96	#8B6960

#3C3E3C #494542 #564C48 #63534E #705A54 #7D615A #8B6960

#3C3E3C - #8B6960

Mezcla HSV

#3C3E3C - #8B6960 | 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 #8B6960 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% #53574C	RGB 83 87 76	#53574C
50.0%	50.0% #626453	RGB 98 100 83	#626453
66.7%	66.7% #716C58	RGB 113 108 88	#716C58
83.3%	83.3% #7E6D5C	RGB 126 109 92	#7E6D5C
100.0%	100.0% #8B6960	RGB 139 105 96	#8B6960

#3C3E3C #464A44 #53574C #626453 #716C58 #7E6D5C #8B6960

#3C3E3C - #626453 - #8B6960

Códigos CSS

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

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