#5E4D4F - #8173A0 | 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 #5E4D4F a #8173A0

#5E4D4F #8173A0

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

#5E4D4F - #8173A0 | 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 #5E4D4F como 0% y #8173A0 como 100%.

0.0%	0.0% #5E4D4F	RGB 94 77 79	#5E4D4F
16.7%	16.7% #63535C	RGB 99 83 92	#63535C
33.3%	33.3% #69596A	RGB 105 89 106	#69596A
50.0%	50.0% #6F6077	RGB 111 96 119	#6F6077
66.7%	66.7% #756685	RGB 117 102 133	#756685
83.3%	83.3% #7B6C92	RGB 123 108 146	#7B6C92
100.0%	100.0% #8173A0	RGB 129 115 160	#8173A0

#5E4D4F #63535C #69596A #6F6077 #756685 #7B6C92 #8173A0

#5E4D4F - #8173A0

Mezcla HSV

#5E4D4F - #8173A0 | 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 #5E4D4F como 0% y #8173A0 como 100%.

0.0%	0.0% #5E4D4F	RGB 94 77 79	#5E4D4F
16.7%	16.7% #69545C	RGB 105 84 92	#69545C
33.3%	33.3% #745B6B	RGB 116 91 107	#745B6B
50.0%	50.0% #7F617C	RGB 127 97 124	#7F617C
66.7%	66.7% #84678A	RGB 132 103 138	#84678A
83.3%	83.3% #846D95	RGB 132 109 149	#846D95
100.0%	100.0% #8173A0	RGB 129 115 160	#8173A0

#5E4D4F #69545C #745B6B #7F617C #84678A #846D95 #8173A0

#5E4D4F - #7F617C - #8173A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D4F 0%, #7F617C 50%, #8173A0 100%);
    background: -webkit-linear-gradient(top, #5E4D4F 0%, #7F617C 50%, #8173A0 100%);
    background: linear-gradient(to bottom, #5E4D4F 0%, #7F617C 50%, #8173A0 100%);
}
</style>