#5E5954 - #D6A47A | 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 #5E5954 a #D6A47A

#5E5954 #D6A47A

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

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

0.0%	0.0% #5E5954	RGB 94 89 84	#5E5954
16.7%	16.7% #72655A	RGB 114 101 90	#72655A
33.3%	33.3% #867260	RGB 134 114 96	#867260
50.0%	50.0% #9A7E67	RGB 154 126 103	#9A7E67
66.7%	66.7% #AE8B6D	RGB 174 139 109	#AE8B6D
83.3%	83.3% #C29773	RGB 194 151 115	#C29773
100.0%	100.0% #D6A47A	RGB 214 164 122	#D6A47A

#5E5954 #72655A #867260 #9A7E67 #AE8B6D #C29773 #D6A47A

#5E5954 - #D6A47A

Mezcla HSV

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

0.0%	0.0% #5E5954	RGB 94 89 84	#5E5954
16.7%	16.7% #72685F	RGB 114 104 95	#72685F
33.3%	33.3% #867769	RGB 134 119 105	#867769
50.0%	50.0% #9A8470	RGB 154 132 112	#9A8470
66.7%	66.7% #AE9075	RGB 174 144 117	#AE9075
83.3%	83.3% #C29A79	RGB 194 154 121	#C29A79
100.0%	100.0% #D6A47A	RGB 214 164 122	#D6A47A

#5E5954 #72685F #867769 #9A8470 #AE9075 #C29A79 #D6A47A

#5E5954 - #9A8470 - #D6A47A

Códigos CSS

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

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