#7E5E7E - #241A24 | 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 #7E5E7E a #241A24

#7E5E7E #241A24

Calcule el color entre dos colores, #7E5E7E y #241A24. 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)

#7E5E7E - #241A24 | 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 #7E5E7E como 0% y #241A24 como 100%.

0.0%	0.0% #7E5E7E	RGB 126 94 126	#7E5E7E
16.7%	16.7% #6F526F	RGB 111 82 111	#6F526F
33.3%	33.3% #604760	RGB 96 71 96	#604760
50.0%	50.0% #513C51	RGB 81 60 81	#513C51
66.7%	66.7% #423042	RGB 66 48 66	#423042
83.3%	83.3% #332533	RGB 51 37 51	#332533
100.0%	100.0% #241A24	RGB 36 26 36	#241A24

#7E5E7E #6F526F #604760 #513C51 #423042 #332533 #241A24

#7E5E7E - #241A24

Mezcla HSV

#7E5E7E - #241A24 | 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 #7E5E7E como 0% y #241A24 como 100%.

0.0%	0.0% #7E5E7E	RGB 126 94 126	#7E5E7E
16.7%	16.7% #6F526F	RGB 111 82 111	#6F526F
33.3%	33.3% #604660	RGB 96 70 96	#604660
50.0%	50.0% #513B51	RGB 81 59 81	#513B51
66.7%	66.7% #423042	RGB 66 48 66	#423042
83.3%	83.3% #332533	RGB 51 37 51	#332533
100.0%	100.0% #241A24	RGB 36 26 36	#241A24

#7E5E7E #6F526F #604660 #513B51 #423042 #332533 #241A24

#7E5E7E - #513B51 - #241A24

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E7E 0%, #513B51 50%, #241A24 100%);
    background: -webkit-linear-gradient(top, #7E5E7E 0%, #513B51 50%, #241A24 100%);
    background: linear-gradient(to bottom, #7E5E7E 0%, #513B51 50%, #241A24 100%);
}
</style>