#817F6F - #5E4B20 | 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 #817F6F a #5E4B20

#817F6F #5E4B20

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

#817F6F - #5E4B20 | 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 #817F6F como 0% y #5E4B20 como 100%.

0.0%	0.0% #817F6F	RGB 129 127 111	#817F6F
16.7%	16.7% #7B7661	RGB 123 118 97	#7B7661
33.3%	33.3% #756D54	RGB 117 109 84	#756D54
50.0%	50.0% #6F6547	RGB 111 101 71	#6F6547
66.7%	66.7% #695C3A	RGB 105 92 58	#695C3A
83.3%	83.3% #63532D	RGB 99 83 45	#63532D
100.0%	100.0% #5E4B20	RGB 94 75 32	#5E4B20

#817F6F #7B7661 #756D54 #6F6547 #695C3A #63532D #5E4B20

#817F6F - #5E4B20

Mezcla HSV

#817F6F - #5E4B20 | 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 #817F6F como 0% y #5E4B20 como 100%.

0.0%	0.0% #817F6F	RGB 129 127 111	#817F6F
16.7%	16.7% #7B775F	RGB 123 119 95	#7B775F
33.3%	33.3% #756E50	RGB 117 110 80	#756E50
50.0%	50.0% #6F6642	RGB 111 102 66	#6F6642
66.7%	66.7% #695D36	RGB 105 93 54	#695D36
83.3%	83.3% #63542A	RGB 99 84 42	#63542A
100.0%	100.0% #5E4B20	RGB 94 75 32	#5E4B20

#817F6F #7B775F #756E50 #6F6642 #695D36 #63542A #5E4B20

#817F6F - #6F6642 - #5E4B20

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #817F6F 0%, #6F6642 50%, #5E4B20 100%);
    background: -webkit-linear-gradient(top, #817F6F 0%, #6F6642 50%, #5E4B20 100%);
    background: linear-gradient(to bottom, #817F6F 0%, #6F6642 50%, #5E4B20 100%);
}
</style>