#55563F - #B9A16A | 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 #55563F a #B9A16A

#55563F #B9A16A

Calcule el color entre dos colores, #55563F y #B9A16A. 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)

#55563F - #B9A16A | 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 #55563F como 0% y #B9A16A como 100%.

0.0%	0.0% #55563F	RGB 85 86 63	#55563F
16.7%	16.7% #656246	RGB 101 98 70	#656246
33.3%	33.3% #766F4D	RGB 118 111 77	#766F4D
50.0%	50.0% #877B54	RGB 135 123 84	#877B54
66.7%	66.7% #97885B	RGB 151 136 91	#97885B
83.3%	83.3% #A89462	RGB 168 148 98	#A89462
100.0%	100.0% #B9A16A	RGB 185 161 106	#B9A16A

#55563F #656246 #766F4D #877B54 #97885B #A89462 #B9A16A

#55563F - #B9A16A

Mezcla HSV

#55563F - #B9A16A | 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 #55563F como 0% y #B9A16A como 100%.

0.0%	0.0% #55563F	RGB 85 86 63	#55563F
16.7%	16.7% #666648	RGB 102 102 72	#666648
33.3%	33.3% #777450	RGB 119 116 80	#777450
50.0%	50.0% #878158	RGB 135 129 88	#878158
66.7%	66.7% #988D5F	RGB 152 141 95	#988D5F
83.3%	83.3% #A89765	RGB 168 151 101	#A89765
100.0%	100.0% #B9A16A	RGB 185 161 106	#B9A16A

#55563F #666648 #777450 #878158 #988D5F #A89765 #B9A16A

#55563F - #878158 - #B9A16A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55563F 0%, #878158 50%, #B9A16A 100%);
    background: -webkit-linear-gradient(top, #55563F 0%, #878158 50%, #B9A16A 100%);
    background: linear-gradient(to bottom, #55563F 0%, #878158 50%, #B9A16A 100%);
}
</style>