#8EB6AB - #366959 | 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 #8EB6AB a #366959

#8EB6AB #366959

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

#8EB6AB - #366959 | 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 #8EB6AB como 0% y #366959 como 100%.

0.0%	0.0% #8EB6AB	RGB 142 182 171	#8EB6AB
16.7%	16.7% #7FA99D	RGB 127 169 157	#7FA99D
33.3%	33.3% #709C8F	RGB 112 156 143	#709C8F
50.0%	50.0% #628F82	RGB 98 143 130	#628F82
66.7%	66.7% #538274	RGB 83 130 116	#538274
83.3%	83.3% #447566	RGB 68 117 102	#447566
100.0%	100.0% #366959	RGB 54 105 89	#366959

#8EB6AB #7FA99D #709C8F #628F82 #538274 #447566 #366959

#8EB6AB - #366959

Mezcla HSV

#8EB6AB - #366959 | 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 #8EB6AB como 0% y #366959 como 100%.

0.0%	0.0% #8EB6AB	RGB 142 182 171	#8EB6AB
16.7%	16.7% #7CA99C	RGB 124 169 156	#7CA99C
33.3%	33.3% #6C9C8E	RGB 108 156 142	#6C9C8E
50.0%	50.0% #5C8F80	RGB 92 143 128	#5C8F80
66.7%	66.7% #4E8273	RGB 78 130 115	#4E8273
83.3%	83.3% #417565	RGB 65 117 101	#417565
100.0%	100.0% #366959	RGB 54 105 89	#366959

#8EB6AB #7CA99C #6C9C8E #5C8F80 #4E8273 #417565 #366959

#8EB6AB - #5C8F80 - #366959

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EB6AB 0%, #5C8F80 50%, #366959 100%);
    background: -webkit-linear-gradient(top, #8EB6AB 0%, #5C8F80 50%, #366959 100%);
    background: linear-gradient(to bottom, #8EB6AB 0%, #5C8F80 50%, #366959 100%);
}
</style>