#5E4D4D - #8273A0 | 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 #5E4D4D a #8273A0

#5E4D4D #8273A0

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

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #64535A	RGB 100 83 90	#64535A
33.3%	33.3% #6A5968	RGB 106 89 104	#6A5968
50.0%	50.0% #706076	RGB 112 96 118	#706076
66.7%	66.7% #766684	RGB 118 102 132	#766684
83.3%	83.3% #7C6C92	RGB 124 108 146	#7C6C92
100.0%	100.0% #8273A0	RGB 130 115 160	#8273A0

#5E4D4D #64535A #6A5968 #706076 #766684 #7C6C92 #8273A0

#5E4D4D - #8273A0

Mezcla HSV

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #69545A	RGB 105 84 90	#69545A
33.3%	33.3% #745B68	RGB 116 91 104	#745B68
50.0%	50.0% #7F617A	RGB 127 97 122	#7F617A
66.7%	66.7% #86678A	RGB 134 103 138	#86678A
83.3%	83.3% #856D95	RGB 133 109 149	#856D95
100.0%	100.0% #8273A0	RGB 130 115 160	#8273A0

#5E4D4D #69545A #745B68 #7F617A #86678A #856D95 #8273A0

#5E4D4D - #7F617A - #8273A0

Códigos CSS

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

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