#6B5E5C - #571D11 | 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 #6B5E5C a #571D11

#6B5E5C #571D11

Calcule el color entre dos colores, #6B5E5C y #571D11. 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)

#6B5E5C - #571D11 | 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 #6B5E5C como 0% y #571D11 como 100%.

0.0%	0.0% #6B5E5C	RGB 107 94 92	#6B5E5C
16.7%	16.7% #67534F	RGB 103 83 79	#67534F
33.3%	33.3% #644843	RGB 100 72 67	#644843
50.0%	50.0% #613D36	RGB 97 61 54	#613D36
66.7%	66.7% #5D322A	RGB 93 50 42	#5D322A
83.3%	83.3% #5A271D	RGB 90 39 29	#5A271D
100.0%	100.0% #571D11	RGB 87 29 17	#571D11

#6B5E5C #67534F #644843 #613D36 #5D322A #5A271D #571D11

#6B5E5C - #571D11

Mezcla HSV

#6B5E5C - #571D11 | 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 #6B5E5C como 0% y #571D11 como 100%.

0.0%	0.0% #6B5E5C	RGB 107 94 92	#6B5E5C
16.7%	16.7% #67514D	RGB 103 81 77	#67514D
33.3%	33.3% #644540	RGB 100 69 64	#644540
50.0%	50.0% #613A33	RGB 97 58 51	#613A33
66.7%	66.7% #5D2F27	RGB 93 47 39	#5D2F27
83.3%	83.3% #5A261B	RGB 90 38 27	#5A261B
100.0%	100.0% #571D11	RGB 87 29 17	#571D11

#6B5E5C #67514D #644540 #613A33 #5D2F27 #5A261B #571D11

#6B5E5C - #613A33 - #571D11

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E5C 0%, #613A33 50%, #571D11 100%);
    background: -webkit-linear-gradient(top, #6B5E5C 0%, #613A33 50%, #571D11 100%);
    background: linear-gradient(to bottom, #6B5E5C 0%, #613A33 50%, #571D11 100%);
}
</style>