#5E5E42 - #D9A460 | 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 #5E5E42 a #D9A460

#5E5E42 #D9A460

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

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

0.0%	0.0% #5E5E42	RGB 94 94 66	#5E5E42
16.7%	16.7% #726947	RGB 114 105 71	#726947
33.3%	33.3% #87754C	RGB 135 117 76	#87754C
50.0%	50.0% #9B8151	RGB 155 129 81	#9B8151
66.7%	66.7% #B08C56	RGB 176 140 86	#B08C56
83.3%	83.3% #C4985B	RGB 196 152 91	#C4985B
100.0%	100.0% #D9A460	RGB 217 164 96	#D9A460

#5E5E42 #726947 #87754C #9B8151 #B08C56 #C4985B #D9A460

#5E5E42 - #D9A460

Mezcla HSV

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

0.0%	0.0% #5E5E42	RGB 94 94 66	#5E5E42
16.7%	16.7% #726F4B	RGB 114 111 75	#726F4B
33.3%	33.3% #877F53	RGB 135 127 83	#877F53
50.0%	50.0% #9B8C58	RGB 155 140 88	#9B8C58
66.7%	66.7% #B0975D	RGB 176 151 93	#B0975D
83.3%	83.3% #C49F5F	RGB 196 159 95	#C49F5F
100.0%	100.0% #D9A460	RGB 217 164 96	#D9A460

#5E5E42 #726F4B #877F53 #9B8C58 #B0975D #C49F5F #D9A460

#5E5E42 - #9B8C58 - #D9A460

Códigos CSS

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

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