#8C5E9C - #3A1648 | 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 #8C5E9C a #3A1648

#8C5E9C #3A1648

Calcule el color entre dos colores, #8C5E9C y #3A1648. 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)

#8C5E9C - #3A1648 | 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 #8C5E9C como 0% y #3A1648 como 100%.

0.0%	0.0% #8C5E9C	RGB 140 94 156	#8C5E9C
16.7%	16.7% #7E528E	RGB 126 82 142	#7E528E
33.3%	33.3% #704680	RGB 112 70 128	#704680
50.0%	50.0% #633A72	RGB 99 58 114	#633A72
66.7%	66.7% #552E64	RGB 85 46 100	#552E64
83.3%	83.3% #472256	RGB 71 34 86	#472256
100.0%	100.0% #3A1648	RGB 58 22 72	#3A1648

#8C5E9C #7E528E #704680 #633A72 #552E64 #472256 #3A1648

#8C5E9C - #3A1648

Mezcla HSV

#8C5E9C - #3A1648 | 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 #8C5E9C como 0% y #3A1648 como 100%.

0.0%	0.0% #8C5E9C	RGB 140 94 156	#8C5E9C
16.7%	16.7% #7D4E8E	RGB 125 78 142	#7D4E8E
33.3%	33.3% #6F4080	RGB 111 64 128	#6F4080
50.0%	50.0% #613372	RGB 97 51 114	#613372
66.7%	66.7% #532864	RGB 83 40 100	#532864
83.3%	83.3% #461E56	RGB 70 30 86	#461E56
100.0%	100.0% #3A1648	RGB 58 22 72	#3A1648

#8C5E9C #7D4E8E #6F4080 #613372 #532864 #461E56 #3A1648

#8C5E9C - #613372 - #3A1648

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E9C 0%, #613372 50%, #3A1648 100%);
    background: -webkit-linear-gradient(top, #8C5E9C 0%, #613372 50%, #3A1648 100%);
    background: linear-gradient(to bottom, #8C5E9C 0%, #613372 50%, #3A1648 100%);
}
</style>