#5E4D3E - #A47498 | 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 #5E4D3E a #A47498

#5E4D3E #A47498

Calcule el color entre dos colores, #5E4D3E y #A47498. 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)

#5E4D3E - #A47498 | 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 #5E4D3E como 0% y #A47498 como 100%.

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #69534D	RGB 105 83 77	#69534D
33.3%	33.3% #755A5C	RGB 117 90 92	#755A5C
50.0%	50.0% #81606B	RGB 129 96 107	#81606B
66.7%	66.7% #8C677A	RGB 140 103 122	#8C677A
83.3%	83.3% #986D89	RGB 152 109 137	#986D89
100.0%	100.0% #A47498	RGB 164 116 152	#A47498

#5E4D3E #69534D #755A5C #81606B #8C677A #986D89 #A47498

#5E4D3E - #A47498

Mezcla HSV

#5E4D3E - #A47498 | 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 #5E4D3E como 0% y #A47498 como 100%.

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #694F46	RGB 105 79 70	#694F46
33.3%	33.3% #75514F	RGB 117 81 79	#75514F
50.0%	50.0% #81585D	RGB 129 88 93	#81585D
66.7%	66.7% #8C6170	RGB 140 97 112	#8C6170
83.3%	83.3% #986A83	RGB 152 106 131	#986A83
100.0%	100.0% #A47498	RGB 164 116 152	#A47498

#5E4D3E #694F46 #75514F #81585D #8C6170 #986A83 #A47498

#5E4D3E - #81585D - #A47498

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3E 0%, #81585D 50%, #A47498 100%);
    background: -webkit-linear-gradient(top, #5E4D3E 0%, #81585D 50%, #A47498 100%);
    background: linear-gradient(to bottom, #5E4D3E 0%, #81585D 50%, #A47498 100%);
}
</style>