#7E677A - #4D1A41 | 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 #7E677A a #4D1A41

#7E677A #4D1A41

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

#7E677A - #4D1A41 | 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 #7E677A como 0% y #4D1A41 como 100%.

0.0%	0.0% #7E677A	RGB 126 103 122	#7E677A
16.7%	16.7% #755A70	RGB 117 90 112	#755A70
33.3%	33.3% #6D4D67	RGB 109 77 103	#6D4D67
50.0%	50.0% #65405D	RGB 101 64 93	#65405D
66.7%	66.7% #5D3354	RGB 93 51 84	#5D3354
83.3%	83.3% #55264A	RGB 85 38 74	#55264A
100.0%	100.0% #4D1A41	RGB 77 26 65	#4D1A41

#7E677A #755A70 #6D4D67 #65405D #5D3354 #55264A #4D1A41

#7E677A - #4D1A41

Mezcla HSV

#7E677A - #4D1A41 | 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 #7E677A como 0% y #4D1A41 como 100%.

0.0%	0.0% #7E677A	RGB 126 103 122	#7E677A
16.7%	16.7% #755670	RGB 117 86 112	#755670
33.3%	33.3% #6D4866	RGB 109 72 102	#6D4866
50.0%	50.0% #653A5C	RGB 101 58 92	#653A5C
66.7%	66.7% #5D2E53	RGB 93 46 83	#5D2E53
83.3%	83.3% #55234A	RGB 85 35 74	#55234A
100.0%	100.0% #4D1A41	RGB 77 26 65	#4D1A41

#7E677A #755670 #6D4866 #653A5C #5D2E53 #55234A #4D1A41

#7E677A - #653A5C - #4D1A41

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E677A 0%, #653A5C 50%, #4D1A41 100%);
    background: -webkit-linear-gradient(top, #7E677A 0%, #653A5C 50%, #4D1A41 100%);
    background: linear-gradient(to bottom, #7E677A 0%, #653A5C 50%, #4D1A41 100%);
}
</style>