#5E5E33 - #DBA351 | 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 #5E5E33 a #DBA351

#5E5E33 #DBA351

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

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

0.0%	0.0% #5E5E33	RGB 94 94 51	#5E5E33
16.7%	16.7% #726938	RGB 114 105 56	#726938
33.3%	33.3% #87753D	RGB 135 117 61	#87753D
50.0%	50.0% #9C8042	RGB 156 128 66	#9C8042
66.7%	66.7% #B18C47	RGB 177 140 71	#B18C47
83.3%	83.3% #C6974C	RGB 198 151 76	#C6974C
100.0%	100.0% #DBA351	RGB 219 163 81	#DBA351

#5E5E33 #726938 #87753D #9C8042 #B18C47 #C6974C #DBA351

#5E5E33 - #DBA351

Mezcla HSV

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

0.0%	0.0% #5E5E33	RGB 94 94 51	#5E5E33
16.7%	16.7% #726F3A	RGB 114 111 58	#726F3A
33.3%	33.3% #877E41	RGB 135 126 65	#877E41
50.0%	50.0% #9C8B47	RGB 156 139 71	#9C8B47
66.7%	66.7% #B1954B	RGB 177 149 75	#B1954B
83.3%	83.3% #C69D4E	RGB 198 157 78	#C69D4E
100.0%	100.0% #DBA351	RGB 219 163 81	#DBA351

#5E5E33 #726F3A #877E41 #9C8B47 #B1954B #C69D4E #DBA351

#5E5E33 - #9C8B47 - #DBA351

Códigos CSS

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

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