#56554C - #B58F76 | 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 #56554C a #B58F76

#56554C #B58F76

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

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

0.0%	0.0% #56554C	RGB 86 85 76	#56554C
16.7%	16.7% #655E53	RGB 101 94 83	#655E53
33.3%	33.3% #75685A	RGB 117 104 90	#75685A
50.0%	50.0% #857261	RGB 133 114 97	#857261
66.7%	66.7% #957B68	RGB 149 123 104	#957B68
83.3%	83.3% #A5856F	RGB 165 133 111	#A5856F
100.0%	100.0% #B58F76	RGB 181 143 118	#B58F76

#56554C #655E53 #75685A #857261 #957B68 #A5856F #B58F76

#56554C - #B58F76

Mezcla HSV

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

0.0%	0.0% #56554C	RGB 86 85 76	#56554C
16.7%	16.7% #656256	RGB 101 98 86	#656256
33.3%	33.3% #756F5E	RGB 117 111 94	#756F5E
50.0%	50.0% #857A66	RGB 133 122 102	#857A66
66.7%	66.7% #95836C	RGB 149 131 108	#95836C
83.3%	83.3% #A58A72	RGB 165 138 114	#A58A72
100.0%	100.0% #B58F76	RGB 181 143 118	#B58F76

#56554C #656256 #756F5E #857A66 #95836C #A58A72 #B58F76

#56554C - #857A66 - #B58F76

Códigos CSS

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

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