#828382 - #5E5E2C | 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 #828382 a #5E5E2C

#828382 #5E5E2C

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

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

0.0%	0.0% #828382	RGB 130 131 130	#828382
16.7%	16.7% #7C7C73	RGB 124 124 115	#7C7C73
33.3%	33.3% #767665	RGB 118 118 101	#767665
50.0%	50.0% #707057	RGB 112 112 87	#707057
66.7%	66.7% #6A6A48	RGB 106 106 72	#6A6A48
83.3%	83.3% #64643A	RGB 100 100 58	#64643A
100.0%	100.0% #5E5E2C	RGB 94 94 44	#5E5E2C

#828382 #7C7C73 #767665 #707057 #6A6A48 #64643A #5E5E2C

#828382 - #5E5E2C

Mezcla HSV

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

0.0%	0.0% #828382	RGB 130 131 130	#828382
16.7%	16.7% #727C70	RGB 114 124 112	#727C70
33.3%	33.3% #687661	RGB 104 118 97	#687661
50.0%	50.0% #617052	RGB 97 112 82	#617052
66.7%	66.7% #5D6A44	RGB 93 106 68	#5D6A44
83.3%	83.3% #5C6437	RGB 92 100 55	#5C6437
100.0%	100.0% #5E5E2C	RGB 94 94 44	#5E5E2C

#828382 #727C70 #687661 #617052 #5D6A44 #5C6437 #5E5E2C

#828382 - #617052 - #5E5E2C

Códigos CSS

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

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