#6F7166 - #3A4417 | 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 #6F7166 a #3A4417

#6F7166 #3A4417

Calcule el color entre dos colores, #6F7166 y #3A4417. 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)

#6F7166 - #3A4417 | 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 #6F7166 como 0% y #3A4417 como 100%.

0.0%	0.0% #6F7166	RGB 111 113 102	#6F7166
16.7%	16.7% #666958	RGB 102 105 88	#666958
33.3%	33.3% #5D624B	RGB 93 98 75	#5D624B
50.0%	50.0% #545A3E	RGB 84 90 62	#545A3E
66.7%	66.7% #4B5331	RGB 75 83 49	#4B5331
83.3%	83.3% #424B24	RGB 66 75 36	#424B24
100.0%	100.0% #3A4417	RGB 58 68 23	#3A4417

#6F7166 #666958 #5D624B #545A3E #4B5331 #424B24 #3A4417

#6F7166 - #3A4417

Mezcla HSV

#6F7166 - #3A4417 | 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 #6F7166 como 0% y #3A4417 como 100%.

0.0%	0.0% #6F7166	RGB 111 113 102	#6F7166
16.7%	16.7% #656955	RGB 101 105 85	#656955
33.3%	33.3% #5C6246	RGB 92 98 70	#5C6246
50.0%	50.0% #535A38	RGB 83 90 56	#535A38
66.7%	66.7% #4A532B	RGB 74 83 43	#4A532B
83.3%	83.3% #424B20	RGB 66 75 32	#424B20
100.0%	100.0% #3A4417	RGB 58 68 23	#3A4417

#6F7166 #656955 #5C6246 #535A38 #4A532B #424B20 #3A4417

#6F7166 - #535A38 - #3A4417

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7166 0%, #535A38 50%, #3A4417 100%);
    background: -webkit-linear-gradient(top, #6F7166 0%, #535A38 50%, #3A4417 100%);
    background: linear-gradient(to bottom, #6F7166 0%, #535A38 50%, #3A4417 100%);
}
</style>