#6D6E6B - #364419 | 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 #6D6E6B a #364419

#6D6E6B #364419

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

#6D6E6B - #364419 | 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 #6D6E6B como 0% y #364419 como 100%.

0.0%	0.0% #6D6E6B	RGB 109 110 107	#6D6E6B
16.7%	16.7% #63675D	RGB 99 103 93	#63675D
33.3%	33.3% #5A604F	RGB 90 96 79	#5A604F
50.0%	50.0% #515942	RGB 81 89 66	#515942
66.7%	66.7% #485234	RGB 72 82 52	#485234
83.3%	83.3% #3F4B26	RGB 63 75 38	#3F4B26
100.0%	100.0% #364419	RGB 54 68 25	#364419

#6D6E6B #63675D #5A604F #515942 #485234 #3F4B26 #364419

#6D6E6B - #364419

Mezcla HSV

#6D6E6B - #364419 | 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 #6D6E6B como 0% y #364419 como 100%.

0.0%	0.0% #6D6E6B	RGB 109 110 107	#6D6E6B
16.7%	16.7% #626759	RGB 98 103 89	#626759
33.3%	33.3% #58604A	RGB 88 96 74	#58604A
50.0%	50.0% #4F593B	RGB 79 89 59	#4F593B
66.7%	66.7% #46522E	RGB 70 82 46	#46522E
83.3%	83.3% #3D4B23	RGB 61 75 35	#3D4B23
100.0%	100.0% #364419	RGB 54 68 25	#364419

#6D6E6B #626759 #58604A #4F593B #46522E #3D4B23 #364419

#6D6E6B - #4F593B - #364419

Códigos CSS

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

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