#393610 - #8B8935 | 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 #393610 a #8B8935

#393610 #8B8935

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

#393610 - #8B8935 | 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 #393610 como 0% y #8B8935 como 100%.

0.0%	0.0% #393610	RGB 57 54 16	#393610
16.7%	16.7% #464316	RGB 70 67 22	#464316
33.3%	33.3% #54511C	RGB 84 81 28	#54511C
50.0%	50.0% #625F22	RGB 98 95 34	#625F22
66.7%	66.7% #6F6D28	RGB 111 109 40	#6F6D28
83.3%	83.3% #7D7B2E	RGB 125 123 46	#7D7B2E
100.0%	100.0% #8B8935	RGB 139 137 53	#8B8935

#393610 #464316 #54511C #625F22 #6F6D28 #7D7B2E #8B8935

#393610 - #8B8935

Mezcla HSV

#393610 - #8B8935 | 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 #393610 como 0% y #8B8935 como 100%.

0.0%	0.0% #393610	RGB 57 54 16	#393610
16.7%	16.7% #464315	RGB 70 67 21	#464315
33.3%	33.3% #54511A	RGB 84 81 26	#54511A
50.0%	50.0% #625E20	RGB 98 94 32	#625E20
66.7%	66.7% #6F6C26	RGB 111 108 38	#6F6C26
83.3%	83.3% #7D7A2D	RGB 125 122 45	#7D7A2D
100.0%	100.0% #8B8935	RGB 139 137 53	#8B8935

#393610 #464315 #54511A #625E20 #6F6C26 #7D7A2D #8B8935

#393610 - #625E20 - #8B8935

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393610 0%, #625E20 50%, #8B8935 100%);
    background: -webkit-linear-gradient(top, #393610 0%, #625E20 50%, #8B8935 100%);
    background: linear-gradient(to bottom, #393610 0%, #625E20 50%, #8B8935 100%);
}
</style>