#6F7064 - #1F201C | 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 #6F7064 a #1F201C

#6F7064 #1F201C

Calcule el color entre dos colores, #6F7064 y #1F201C. 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)

#6F7064 - #1F201C | 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 #6F7064 como 0% y #1F201C como 100%.

0.0%	0.0% #6F7064	RGB 111 112 100	#6F7064
16.7%	16.7% #616258	RGB 97 98 88	#616258
33.3%	33.3% #54554C	RGB 84 85 76	#54554C
50.0%	50.0% #474840	RGB 71 72 64	#474840
66.7%	66.7% #393A34	RGB 57 58 52	#393A34
83.3%	83.3% #2C2D28	RGB 44 45 40	#2C2D28
100.0%	100.0% #1F201C	RGB 31 32 28	#1F201C

#6F7064 #616258 #54554C #474840 #393A34 #2C2D28 #1F201C

#6F7064 - #1F201C

Mezcla HSV

#6F7064 - #1F201C | 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 #6F7064 como 0% y #1F201C como 100%.

0.0%	0.0% #6F7064	RGB 111 112 100	#6F7064
16.7%	16.7% #616257	RGB 97 98 87	#616257
33.3%	33.3% #53554B	RGB 83 85 75	#53554B
50.0%	50.0% #46483F	RGB 70 72 63	#46483F
66.7%	66.7% #393A33	RGB 57 58 51	#393A33
83.3%	83.3% #2C2D27	RGB 44 45 39	#2C2D27
100.0%	100.0% #1F201C	RGB 31 32 28	#1F201C

#6F7064 #616257 #53554B #46483F #393A33 #2C2D27 #1F201C

#6F7064 - #46483F - #1F201C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7064 0%, #46483F 50%, #1F201C 100%);
    background: -webkit-linear-gradient(top, #6F7064 0%, #46483F 50%, #1F201C 100%);
    background: linear-gradient(to bottom, #6F7064 0%, #46483F 50%, #1F201C 100%);
}
</style>