#5E3E5D - #480449 | 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 #5E3E5D a #480449

#5E3E5D #480449

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

#5E3E5D - #480449 | 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 #5E3E5D como 0% y #480449 como 100%.

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #5A3459	RGB 90 52 89	#5A3459
33.3%	33.3% #562A56	RGB 86 42 86	#562A56
50.0%	50.0% #532153	RGB 83 33 83	#532153
66.7%	66.7% #4F174F	RGB 79 23 79	#4F174F
83.3%	83.3% #4B0D4C	RGB 75 13 76	#4B0D4C
100.0%	100.0% #480449	RGB 72 4 73	#480449

#5E3E5D #5A3459 #562A56 #532153 #4F174F #4B0D4C #480449

#5E3E5D - #480449

Mezcla HSV

#5E3E5D - #480449 | 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 #5E3E5D como 0% y #480449 como 100%.

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #5A3259	RGB 90 50 89	#5A3259
33.3%	33.3% #572756	RGB 87 39 86	#572756
50.0%	50.0% #531D53	RGB 83 29 83	#531D53
66.7%	66.7% #50144F	RGB 80 20 79	#50144F
83.3%	83.3% #4C0B4C	RGB 76 11 76	#4C0B4C
100.0%	100.0% #480449	RGB 72 4 73	#480449

#5E3E5D #5A3259 #572756 #531D53 #50144F #4C0B4C #480449

#5E3E5D - #531D53 - #480449

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5D 0%, #531D53 50%, #480449 100%);
    background: -webkit-linear-gradient(top, #5E3E5D 0%, #531D53 50%, #480449 100%);
    background: linear-gradient(to bottom, #5E3E5D 0%, #531D53 50%, #480449 100%);
}
</style>