#533232 - #B8775C | 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 #533232 a #B8775C

#533232 #B8775C

Calcule el color entre dos colores, #533232 y #B8775C. 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)

#533232 - #B8775C | 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 #533232 como 0% y #B8775C como 100%.

0.0%	0.0% #533232	RGB 83 50 50	#533232
16.7%	16.7% #633D39	RGB 99 61 57	#633D39
33.3%	33.3% #744940	RGB 116 73 64	#744940
50.0%	50.0% #855447	RGB 133 84 71	#855447
66.7%	66.7% #96604E	RGB 150 96 78	#96604E
83.3%	83.3% #A76B55	RGB 167 107 85	#A76B55
100.0%	100.0% #B8775C	RGB 184 119 92	#B8775C

#533232 #633D39 #744940 #855447 #96604E #A76B55 #B8775C

#533232 - #B8775C

Mezcla HSV

#533232 - #B8775C | 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 #533232 como 0% y #B8775C como 100%.

0.0%	0.0% #533232	RGB 83 50 50	#533232
16.7%	16.7% #633C3A	RGB 99 60 58	#633C3A
33.3%	33.3% #744742	RGB 116 71 66	#744742
50.0%	50.0% #855249	RGB 133 82 73	#855249
66.7%	66.7% #965E50	RGB 150 94 80	#965E50
83.3%	83.3% #A76A56	RGB 167 106 86	#A76A56
100.0%	100.0% #B8775C	RGB 184 119 92	#B8775C

#533232 #633C3A #744742 #855249 #965E50 #A76A56 #B8775C

#533232 - #855249 - #B8775C

Códigos CSS

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

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