#6B5E5E - #4D131F | 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 #6B5E5E a #4D131F

#6B5E5E #4D131F

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

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

0.0%	0.0% #6B5E5E	RGB 107 94 94	#6B5E5E
16.7%	16.7% #665153	RGB 102 81 83	#665153
33.3%	33.3% #614549	RGB 97 69 73	#614549
50.0%	50.0% #5C383E	RGB 92 56 62	#5C383E
66.7%	66.7% #572C34	RGB 87 44 52	#572C34
83.3%	83.3% #521F29	RGB 82 31 41	#521F29
100.0%	100.0% #4D131F	RGB 77 19 31	#4D131F

#6B5E5E #665153 #614549 #5C383E #572C34 #521F29 #4D131F

#6B5E5E - #4D131F

Mezcla HSV

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

0.0%	0.0% #6B5E5E	RGB 107 94 94	#6B5E5E
16.7%	16.7% #664E4F	RGB 102 78 79	#664E4F
33.3%	33.3% #614043	RGB 97 64 67	#614043
50.0%	50.0% #5C3337	RGB 92 51 55	#5C3337
66.7%	66.7% #57272E	RGB 87 39 46	#57272E
83.3%	83.3% #521C26	RGB 82 28 38	#521C26
100.0%	100.0% #4D131F	RGB 77 19 31	#4D131F

#6B5E5E #664E4F #614043 #5C3337 #57272E #521C26 #4D131F

#6B5E5E - #5C3337 - #4D131F

Códigos CSS

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

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