#5E3E3E - #AA63AD | 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 #5E3E3E a #AA63AD

#5E3E3E #AA63AD

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

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

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #6A4450	RGB 106 68 80	#6A4450
33.3%	33.3% #774A63	RGB 119 74 99	#774A63
50.0%	50.0% #845075	RGB 132 80 117	#845075
66.7%	66.7% #905688	RGB 144 86 136	#905688
83.3%	83.3% #9D5C9A	RGB 157 92 154	#9D5C9A
100.0%	100.0% #AA63AD	RGB 170 99 173	#AA63AD

#5E3E3E #6A4450 #774A63 #845075 #905688 #9D5C9A #AA63AD

#5E3E3E - #AA63AD

Mezcla HSV

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

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #6B454B	RGB 107 69 75	#6B454B
33.3%	33.3% #784B5B	RGB 120 75 91	#784B5B
50.0%	50.0% #85526C	RGB 133 82 108	#85526C
66.7%	66.7% #925880	RGB 146 88 128	#925880
83.3%	83.3% #9F5D97	RGB 159 93 151	#9F5D97
100.0%	100.0% #AA63AD	RGB 170 99 173	#AA63AD

#5E3E3E #6B454B #784B5B #85526C #925880 #9F5D97 #AA63AD

#5E3E3E - #85526C - #AA63AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E3E 0%, #85526C 50%, #AA63AD 100%);
    background: -webkit-linear-gradient(top, #5E3E3E 0%, #85526C 50%, #AA63AD 100%);
    background: linear-gradient(to bottom, #5E3E3E 0%, #85526C 50%, #AA63AD 100%);
}
</style>