#5E3E5C - #480915 | 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 #5E3E5C a #480915

#5E3E5C #480915

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

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #5A3550	RGB 90 53 80	#5A3550
33.3%	33.3% #562C44	RGB 86 44 68	#562C44
50.0%	50.0% #532338	RGB 83 35 56	#532338
66.7%	66.7% #4F1A2C	RGB 79 26 44	#4F1A2C
83.3%	83.3% #4B1120	RGB 75 17 32	#4B1120
100.0%	100.0% #480915	RGB 72 9 21	#480915

#5E3E5C #5A3550 #562C44 #532338 #4F1A2C #4B1120 #480915

#5E3E5C - #480915

Mezcla HSV

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #5A3353	RGB 90 51 83	#5A3353
33.3%	33.3% #562948	RGB 86 41 72	#562948
50.0%	50.0% #53203D	RGB 83 32 61	#53203D
66.7%	66.7% #4F1830	RGB 79 24 48	#4F1830
83.3%	83.3% #4B1022	RGB 75 16 34	#4B1022
100.0%	100.0% #480915	RGB 72 9 21	#480915

#5E3E5C #5A3353 #562948 #53203D #4F1830 #4B1022 #480915

#5E3E5C - #53203D - #480915

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5C 0%, #53203D 50%, #480915 100%);
    background: -webkit-linear-gradient(top, #5E3E5C 0%, #53203D 50%, #480915 100%);
    background: linear-gradient(to bottom, #5E3E5C 0%, #53203D 50%, #480915 100%);
}
</style>