#4E3E5E - #240A30 | 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 #4E3E5E a #240A30

#4E3E5E #240A30

Calcule el color entre dos colores, #4E3E5E y #240A30. 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)

#4E3E5E - #240A30 | 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 #4E3E5E como 0% y #240A30 como 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #473556	RGB 71 53 86	#473556
33.3%	33.3% #402C4E	RGB 64 44 78	#402C4E
50.0%	50.0% #392447	RGB 57 36 71	#392447
66.7%	66.7% #321B3F	RGB 50 27 63	#321B3F
83.3%	83.3% #2B1237	RGB 43 18 55	#2B1237
100.0%	100.0% #240A30	RGB 36 10 48	#240A30

#4E3E5E #473556 #402C4E #392447 #321B3F #2B1237 #240A30

#4E3E5E - #240A30

Mezcla HSV

#4E3E5E - #240A30 | 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 #4E3E5E como 0% y #240A30 como 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #453256	RGB 69 50 86	#453256
33.3%	33.3% #3D284E	RGB 61 40 78	#3D284E
50.0%	50.0% #361E47	RGB 54 30 71	#361E47
66.7%	66.7% #30163F	RGB 48 22 63	#30163F
83.3%	83.3% #290F37	RGB 41 15 55	#290F37
100.0%	100.0% #240A30	RGB 36 10 48	#240A30

#4E3E5E #453256 #3D284E #361E47 #30163F #290F37 #240A30

#4E3E5E - #361E47 - #240A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #361E47 50%, #240A30 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #361E47 50%, #240A30 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #361E47 50%, #240A30 100%);
}
</style>