#6E5E5E - #8AB49E | 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 #6E5E5E a #8AB49E

#6E5E5E #8AB49E

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

#6E5E5E - #8AB49E | 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 #6E5E5E como 0% y #8AB49E como 100%.

0.0%	0.0% #6E5E5E	RGB 110 94 94	#6E5E5E
16.7%	16.7% #726C68	RGB 114 108 104	#726C68
33.3%	33.3% #777A73	RGB 119 122 115	#777A73
50.0%	50.0% #7C897E	RGB 124 137 126	#7C897E
66.7%	66.7% #809788	RGB 128 151 136	#809788
83.3%	83.3% #85A593	RGB 133 165 147	#85A593
100.0%	100.0% #8AB49E	RGB 138 180 158	#8AB49E

#6E5E5E #726C68 #777A73 #7C897E #809788 #85A593 #8AB49E

#6E5E5E - #8AB49E

Mezcla HSV

#6E5E5E - #8AB49E | 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 #6E5E5E como 0% y #8AB49E como 100%.

0.0%	0.0% #6E5E5E	RGB 110 94 94	#6E5E5E
16.7%	16.7% #796E66	RGB 121 110 102	#796E66
33.3%	33.3% #85816E	RGB 133 129 110	#85816E
50.0%	50.0% #8A9175	RGB 138 145 117	#8A9175
66.7%	66.7% #879C7C	RGB 135 156 124	#879C7C
83.3%	83.3% #83A885	RGB 131 168 133	#83A885
100.0%	100.0% #8AB49E	RGB 138 180 158	#8AB49E

#6E5E5E #796E66 #85816E #8A9175 #879C7C #83A885 #8AB49E

#6E5E5E - #8A9175 - #8AB49E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E5E 0%, #8A9175 50%, #8AB49E 100%);
    background: -webkit-linear-gradient(top, #6E5E5E 0%, #8A9175 50%, #8AB49E 100%);
    background: linear-gradient(to bottom, #6E5E5E 0%, #8A9175 50%, #8AB49E 100%);
}
</style>