#8C5E8C - #341D3B | 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 #8C5E8C a #341D3B

#8C5E8C #341D3B

Calcule el color entre dos colores, #8C5E8C y #341D3B. 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)

#8C5E8C - #341D3B | 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 #8C5E8C como 0% y #341D3B como 100%.

0.0%	0.0% #8C5E8C	RGB 140 94 140	#8C5E8C
16.7%	16.7% #7D537E	RGB 125 83 126	#7D537E
33.3%	33.3% #6E4871	RGB 110 72 113	#6E4871
50.0%	50.0% #603D63	RGB 96 61 99	#603D63
66.7%	66.7% #513256	RGB 81 50 86	#513256
83.3%	83.3% #422748	RGB 66 39 72	#422748
100.0%	100.0% #341D3B	RGB 52 29 59	#341D3B

#8C5E8C #7D537E #6E4871 #603D63 #513256 #422748 #341D3B

#8C5E8C - #341D3B

Mezcla HSV

#8C5E8C - #341D3B | 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 #8C5E8C como 0% y #341D3B como 100%.

0.0%	0.0% #8C5E8C	RGB 140 94 140	#8C5E8C
16.7%	16.7% #7C517E	RGB 124 81 126	#7C517E
33.3%	33.3% #6D4571	RGB 109 69 113	#6D4571
50.0%	50.0% #5E3963	RGB 94 57 99	#5E3963
66.7%	66.7% #4F2F56	RGB 79 47 86	#4F2F56
83.3%	83.3% #412548	RGB 65 37 72	#412548
100.0%	100.0% #341D3B	RGB 52 29 59	#341D3B

#8C5E8C #7C517E #6D4571 #5E3963 #4F2F56 #412548 #341D3B

#8C5E8C - #5E3963 - #341D3B

Códigos CSS

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

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