#8B5E7B - #5E182D | 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 #8B5E7B a #5E182D

#8B5E7B #5E182D

Calcule el color entre dos colores, #8B5E7B y #5E182D. 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)

#8B5E7B - #5E182D | 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 #8B5E7B como 0% y #5E182D como 100%.

0.0%	0.0% #8B5E7B	RGB 139 94 123	#8B5E7B
16.7%	16.7% #83526E	RGB 131 82 110	#83526E
33.3%	33.3% #7C4661	RGB 124 70 97	#7C4661
50.0%	50.0% #743B54	RGB 116 59 84	#743B54
66.7%	66.7% #6D2F47	RGB 109 47 71	#6D2F47
83.3%	83.3% #65233A	RGB 101 35 58	#65233A
100.0%	100.0% #5E182D	RGB 94 24 45	#5E182D

#8B5E7B #83526E #7C4661 #743B54 #6D2F47 #65233A #5E182D

#8B5E7B - #5E182D

Mezcla HSV

#8B5E7B - #5E182D | 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 #8B5E7B como 0% y #5E182D como 100%.

0.0%	0.0% #8B5E7B	RGB 139 94 123	#8B5E7B
16.7%	16.7% #834F6E	RGB 131 79 110	#834F6E
33.3%	33.3% #7C4260	RGB 124 66 96	#7C4260
50.0%	50.0% #743653	RGB 116 54 83	#743653
66.7%	66.7% #6D2B46	RGB 109 43 70	#6D2B46
83.3%	83.3% #652139	RGB 101 33 57	#652139
100.0%	100.0% #5E182D	RGB 94 24 45	#5E182D

#8B5E7B #834F6E #7C4260 #743653 #6D2B46 #652139 #5E182D

#8B5E7B - #743653 - #5E182D

Códigos CSS

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

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