#6B5E64 - #4D133E | 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 #6B5E64 a #4D133E

#6B5E64 #4D133E

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

#6B5E64 - #4D133E | 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 #6B5E64 como 0% y #4D133E como 100%.

0.0%	0.0% #6B5E64	RGB 107 94 100	#6B5E64
16.7%	16.7% #66515D	RGB 102 81 93	#66515D
33.3%	33.3% #614557	RGB 97 69 87	#614557
50.0%	50.0% #5C3851	RGB 92 56 81	#5C3851
66.7%	66.7% #572C4A	RGB 87 44 74	#572C4A
83.3%	83.3% #521F44	RGB 82 31 68	#521F44
100.0%	100.0% #4D133E	RGB 77 19 62	#4D133E

#6B5E64 #66515D #614557 #5C3851 #572C4A #521F44 #4D133E

#6B5E64 - #4D133E

Mezcla HSV

#6B5E64 - #4D133E | 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 #6B5E64 como 0% y #4D133E como 100%.

0.0%	0.0% #6B5E64	RGB 107 94 100	#6B5E64
16.7%	16.7% #664E5A	RGB 102 78 90	#664E5A
33.3%	33.3% #614052	RGB 97 64 82	#614052
50.0%	50.0% #5C334B	RGB 92 51 75	#5C334B
66.7%	66.7% #572746	RGB 87 39 70	#572746
83.3%	83.3% #521C41	RGB 82 28 65	#521C41
100.0%	100.0% #4D133E	RGB 77 19 62	#4D133E

#6B5E64 #664E5A #614052 #5C334B #572746 #521C41 #4D133E

#6B5E64 - #5C334B - #4D133E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
    background: -webkit-linear-gradient(top, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
    background: linear-gradient(to bottom, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
}
</style>