#5E3C4D - #856EA6 | 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 #5E3C4D a #856EA6

#5E3C4D #856EA6

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

#5E3C4D - #856EA6 | 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 #5E3C4D como 0% y #856EA6 como 100%.

0.0%	0.0% #5E3C4D	RGB 94 60 77	#5E3C4D
16.7%	16.7% #64445B	RGB 100 68 91	#64445B
33.3%	33.3% #6B4C6A	RGB 107 76 106	#6B4C6A
50.0%	50.0% #715579	RGB 113 85 121	#715579
66.7%	66.7% #785D88	RGB 120 93 136	#785D88
83.3%	83.3% #7E6597	RGB 126 101 151	#7E6597
100.0%	100.0% #856EA6	RGB 133 110 166	#856EA6

#5E3C4D #64445B #6B4C6A #715579 #785D88 #7E6597 #856EA6

#5E3C4D - #856EA6

Mezcla HSV

#5E3C4D - #856EA6 | 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 #5E3C4D como 0% y #856EA6 como 100%.

0.0%	0.0% #5E3C4D	RGB 94 60 77	#5E3C4D
16.7%	16.7% #6A445D	RGB 106 68 93	#6A445D
33.3%	33.3% #764C70	RGB 118 76 112	#764C70
50.0%	50.0% #7F5482	RGB 127 84 130	#7F5482
66.7%	66.7% #825C8E	RGB 130 92 142	#825C8E
83.3%	83.3% #84659A	RGB 132 101 154	#84659A
100.0%	100.0% #856EA6	RGB 133 110 166	#856EA6

#5E3C4D #6A445D #764C70 #7F5482 #825C8E #84659A #856EA6

#5E3C4D - #7F5482 - #856EA6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C4D 0%, #7F5482 50%, #856EA6 100%);
    background: -webkit-linear-gradient(top, #5E3C4D 0%, #7F5482 50%, #856EA6 100%);
    background: linear-gradient(to bottom, #5E3C4D 0%, #7F5482 50%, #856EA6 100%);
}
</style>