#5E3C7E - #240A28 | 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 #5E3C7E a #240A28

#5E3C7E #240A28

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

#5E3C7E - #240A28 | 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 #5E3C7E como 0% y #240A28 como 100%.

0.0%	0.0% #5E3C7E	RGB 94 60 126	#5E3C7E
16.7%	16.7% #54336F	RGB 84 51 111	#54336F
33.3%	33.3% #4A2B61	RGB 74 43 97	#4A2B61
50.0%	50.0% #412353	RGB 65 35 83	#412353
66.7%	66.7% #371A44	RGB 55 26 68	#371A44
83.3%	83.3% #2D1236	RGB 45 18 54	#2D1236
100.0%	100.0% #240A28	RGB 36 10 40	#240A28

#5E3C7E #54336F #4A2B61 #412353 #371A44 #2D1236 #240A28

#5E3C7E - #240A28

Mezcla HSV

#5E3C7E - #240A28 | 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 #5E3C7E como 0% y #240A28 como 100%.

0.0%	0.0% #5E3C7E	RGB 94 60 126	#5E3C7E
16.7%	16.7% #54306F	RGB 84 48 111	#54306F
33.3%	33.3% #4B2761	RGB 75 39 97	#4B2761
50.0%	50.0% #421E53	RGB 66 30 83	#421E53
66.7%	66.7% #391644	RGB 57 22 68	#391644
83.3%	83.3% #2E0F36	RGB 46 15 54	#2E0F36
100.0%	100.0% #240A28	RGB 36 10 40	#240A28

#5E3C7E #54306F #4B2761 #421E53 #391644 #2E0F36 #240A28

#5E3C7E - #421E53 - #240A28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C7E 0%, #421E53 50%, #240A28 100%);
    background: -webkit-linear-gradient(top, #5E3C7E 0%, #421E53 50%, #240A28 100%);
    background: linear-gradient(to bottom, #5E3C7E 0%, #421E53 50%, #240A28 100%);
}
</style>