#7E7367 - #4D381A | 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 #7E7367 a #4D381A

#7E7367 #4D381A

Calcule el color entre dos colores, #7E7367 y #4D381A. 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)

#7E7367 - #4D381A | 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 #7E7367 como 0% y #4D381A como 100%.

0.0%	0.0% #7E7367	RGB 126 115 103	#7E7367
16.7%	16.7% #75695A	RGB 117 105 90	#75695A
33.3%	33.3% #6D5F4D	RGB 109 95 77	#6D5F4D
50.0%	50.0% #655540	RGB 101 85 64	#655540
66.7%	66.7% #5D4B33	RGB 93 75 51	#5D4B33
83.3%	83.3% #554126	RGB 85 65 38	#554126
100.0%	100.0% #4D381A	RGB 77 56 26	#4D381A

#7E7367 #75695A #6D5F4D #655540 #5D4B33 #554126 #4D381A

#7E7367 - #4D381A

Mezcla HSV

#7E7367 - #4D381A | 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 #7E7367 como 0% y #4D381A como 100%.

0.0%	0.0% #7E7367	RGB 126 115 103	#7E7367
16.7%	16.7% #756756	RGB 117 103 86	#756756
33.3%	33.3% #6D5C48	RGB 109 92 72	#6D5C48
50.0%	50.0% #65523A	RGB 101 82 58	#65523A
66.7%	66.7% #5D482E	RGB 93 72 46	#5D482E
83.3%	83.3% #554023	RGB 85 64 35	#554023
100.0%	100.0% #4D381A	RGB 77 56 26	#4D381A

#7E7367 #756756 #6D5C48 #65523A #5D482E #554023 #4D381A

#7E7367 - #65523A - #4D381A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7367 0%, #65523A 50%, #4D381A 100%);
    background: -webkit-linear-gradient(top, #7E7367 0%, #65523A 50%, #4D381A 100%);
    background: linear-gradient(to bottom, #7E7367 0%, #65523A 50%, #4D381A 100%);
}
</style>