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

#5E4D4D #A86EB3

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6A525E	RGB 106 82 94	#6A525E
33.3%	33.3% #76586F	RGB 118 88 111	#76586F
50.0%	50.0% #835D80	RGB 131 93 128	#835D80
66.7%	66.7% #8F6391	RGB 143 99 145	#8F6391
83.3%	83.3% #9B68A2	RGB 155 104 162	#9B68A2
100.0%	100.0% #A86EB3	RGB 168 110 179	#A86EB3

#5E4D4D #6A525E #76586F #835D80 #8F6391 #9B68A2 #A86EB3

#5E4D4D - #A86EB3

Mezcla HSV

#5E4D4D - #A86EB3 | 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 #A86EB3 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% #886178	RGB 136 97 120	#886178
66.7%	66.7% #96668B	RGB 150 102 139	#96668B
83.3%	83.3% #A46AA2	RGB 164 106 162	#A46AA2
100.0%	100.0% #A86EB3	RGB 168 110 179	#A86EB3

#5E4D4D #6C5459 #7A5B67 #886178 #96668B #A46AA2 #A86EB3

#5E4D4D - #886178 - #A86EB3

Códigos CSS

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

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