#545B5C - #B79F87 | 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 #545B5C a #B79F87

#545B5C #B79F87

Calcule el color entre dos colores, #545B5C y #B79F87. 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)

#545B5C - #B79F87 | 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 #545B5C como 0% y #B79F87 como 100%.

0.0%	0.0% #545B5C	RGB 84 91 92	#545B5C
16.7%	16.7% #646663	RGB 100 102 99	#646663
33.3%	33.3% #75716A	RGB 117 113 106	#75716A
50.0%	50.0% #857D71	RGB 133 125 113	#857D71
66.7%	66.7% #968878	RGB 150 136 120	#968878
83.3%	83.3% #A6937F	RGB 166 147 127	#A6937F
100.0%	100.0% #B79F87	RGB 183 159 135	#B79F87

#545B5C #646663 #75716A #857D71 #968878 #A6937F #B79F87

#545B5C - #B79F87

Mezcla HSV

#545B5C - #B79F87 | 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 #545B5C como 0% y #B79F87 como 100%.

0.0%	0.0% #545B5C	RGB 84 91 92	#545B5C
16.7%	16.7% #5E6B67	RGB 94 107 103	#5E6B67
33.3%	33.3% #687A6C	RGB 104 122 108	#687A6C
50.0%	50.0% #758971	RGB 117 137 113	#758971
66.7%	66.7% #8C9879	RGB 140 152 121	#8C9879
83.3%	83.3% #A7A580	RGB 167 165 128	#A7A580
100.0%	100.0% #B79F87	RGB 183 159 135	#B79F87

#545B5C #5E6B67 #687A6C #758971 #8C9879 #A7A580 #B79F87

#545B5C - #758971 - #B79F87

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545B5C 0%, #758971 50%, #B79F87 100%);
    background: -webkit-linear-gradient(top, #545B5C 0%, #758971 50%, #B79F87 100%);
    background: linear-gradient(to bottom, #545B5C 0%, #758971 50%, #B79F87 100%);
}
</style>