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

#8C5E7B #5E182D

Calcule el color entre dos colores, #8C5E7B 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)

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

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #84526E	RGB 132 82 110	#84526E
33.3%	33.3% #7C4661	RGB 124 70 97	#7C4661
50.0%	50.0% #753B54	RGB 117 59 84	#753B54
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

#8C5E7B #84526E #7C4661 #753B54 #6D2F47 #65233A #5E182D

#8C5E7B - #5E182D

Mezcla HSV

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

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #844F6D	RGB 132 79 109	#844F6D
33.3%	33.3% #7C4260	RGB 124 66 96	#7C4260
50.0%	50.0% #753653	RGB 117 54 83	#753653
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

#8C5E7B #844F6D #7C4260 #753653 #6D2B46 #652139 #5E182D

#8C5E7B - #753653 - #5E182D

Códigos CSS

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

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