#7E676F - #4D1A29 | 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 #7E676F a #4D1A29

#7E676F #4D1A29

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

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #755A63	RGB 117 90 99	#755A63
33.3%	33.3% #6D4D57	RGB 109 77 87	#6D4D57
50.0%	50.0% #65404C	RGB 101 64 76	#65404C
66.7%	66.7% #5D3340	RGB 93 51 64	#5D3340
83.3%	83.3% #552634	RGB 85 38 52	#552634
100.0%	100.0% #4D1A29	RGB 77 26 41	#4D1A29

#7E676F #755A63 #6D4D57 #65404C #5D3340 #552634 #4D1A29

#7E676F - #4D1A29

Mezcla HSV

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #755661	RGB 117 86 97	#755661
33.3%	33.3% #6D4854	RGB 109 72 84	#6D4854
50.0%	50.0% #653A48	RGB 101 58 72	#653A48
66.7%	66.7% #5D2E3D	RGB 93 46 61	#5D2E3D
83.3%	83.3% #552332	RGB 85 35 50	#552332
100.0%	100.0% #4D1A29	RGB 77 26 41	#4D1A29

#7E676F #755661 #6D4854 #653A48 #5D2E3D #552332 #4D1A29

#7E676F - #653A48 - #4D1A29

Códigos CSS

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

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