#5E4D4D - #A86EB2 | 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 #A86EB2

#5E4D4D #A86EB2

Calcule el color entre dos colores, #5E4D4D y #A86EB2. 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 - #A86EB2 | 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 #A86EB2 como 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6A525D	RGB 106 82 93	#6A525D
33.3%	33.3% #76586E	RGB 118 88 110	#76586E
50.0%	50.0% #835D7F	RGB 131 93 127	#835D7F
66.7%	66.7% #8F6390	RGB 143 99 144	#8F6390
83.3%	83.3% #9B68A1	RGB 155 104 161	#9B68A1
100.0%	100.0% #A86EB2	RGB 168 110 178	#A86EB2

#5E4D4D #6A525D #76586E #835D7F #8F6390 #9B68A1 #A86EB2

#5E4D4D - #A86EB2

Mezcla HSV

#5E4D4D - #A86EB2 | 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 #A86EB2 como 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6C5459	RGB 108 84 89	#6C5459
33.3%	33.3% #7A5B67	RGB 122 91 103	#7A5B67
50.0%	50.0% #886177	RGB 136 97 119	#886177
66.7%	66.7% #96668A	RGB 150 102 138	#96668A
83.3%	83.3% #A46AA1	RGB 164 106 161	#A46AA1
100.0%	100.0% #A86EB2	RGB 168 110 178	#A86EB2

#5E4D4D #6C5459 #7A5B67 #886177 #96668A #A46AA1 #A86EB2

#5E4D4D - #886177 - #A86EB2

Códigos CSS

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

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