#4D4032 - #BB8658 | 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 #4D4032 a #BB8658

#4D4032 #BB8658

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

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

0.0%	0.0% #4D4032	RGB 77 64 50	#4D4032
16.7%	16.7% #5F4B38	RGB 95 75 56	#5F4B38
33.3%	33.3% #71573E	RGB 113 87 62	#71573E
50.0%	50.0% #846345	RGB 132 99 69	#846345
66.7%	66.7% #966E4B	RGB 150 110 75	#966E4B
83.3%	83.3% #A87A51	RGB 168 122 81	#A87A51
100.0%	100.0% #BB8658	RGB 187 134 88	#BB8658

#4D4032 #5F4B38 #71573E #846345 #966E4B #A87A51 #BB8658

#4D4032 - #BB8658

Mezcla HSV

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

0.0%	0.0% #4D4032	RGB 77 64 50	#4D4032
16.7%	16.7% #5F4D3B	RGB 95 77 59	#5F4D3B
33.3%	33.3% #715A43	RGB 113 90 67	#715A43
50.0%	50.0% #846649	RGB 132 102 73	#846649
66.7%	66.7% #96714F	RGB 150 113 79	#96714F
83.3%	83.3% #A87C54	RGB 168 124 84	#A87C54
100.0%	100.0% #BB8658	RGB 187 134 88	#BB8658

#4D4032 #5F4D3B #715A43 #846649 #96714F #A87C54 #BB8658

#4D4032 - #846649 - #BB8658

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4032 0%, #846649 50%, #BB8658 100%);
    background: -webkit-linear-gradient(top, #4D4032 0%, #846649 50%, #BB8658 100%);
    background: linear-gradient(to bottom, #4D4032 0%, #846649 50%, #BB8658 100%);
}
</style>