#54564C - #B5A276 | 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 #54564C a #B5A276

#54564C #B5A276

Calcule el color entre dos colores, #54564C y #B5A276. 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)

#54564C - #B5A276 | 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 #54564C como 0% y #B5A276 como 100%.

0.0%	0.0% #54564C	RGB 84 86 76	#54564C
16.7%	16.7% #646253	RGB 100 98 83	#646253
33.3%	33.3% #746F5A	RGB 116 111 90	#746F5A
50.0%	50.0% #847C61	RGB 132 124 97	#847C61
66.7%	66.7% #948868	RGB 148 136 104	#948868
83.3%	83.3% #A4956F	RGB 164 149 111	#A4956F
100.0%	100.0% #B5A276	RGB 181 162 118	#B5A276

#54564C #646253 #746F5A #847C61 #948868 #A4956F #B5A276

#54564C - #B5A276

Mezcla HSV

#54564C - #B5A276 | 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 #54564C como 0% y #B5A276 como 100%.

0.0%	0.0% #54564C	RGB 84 86 76	#54564C
16.7%	16.7% #636556	RGB 99 101 86	#636556
33.3%	33.3% #74755E	RGB 116 117 94	#74755E
50.0%	50.0% #858366	RGB 133 131 102	#858366
66.7%	66.7% #958F6C	RGB 149 143 108	#958F6C
83.3%	83.3% #A59A72	RGB 165 154 114	#A59A72
100.0%	100.0% #B5A276	RGB 181 162 118	#B5A276

#54564C #636556 #74755E #858366 #958F6C #A59A72 #B5A276

#54564C - #858366 - #B5A276

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54564C 0%, #858366 50%, #B5A276 100%);
    background: -webkit-linear-gradient(top, #54564C 0%, #858366 50%, #B5A276 100%);
    background: linear-gradient(to bottom, #54564C 0%, #858366 50%, #B5A276 100%);
}
</style>