#9EB6A2 - #416A5E | 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 #9EB6A2 a #416A5E

#9EB6A2 #416A5E

Calcule el color entre dos colores, #9EB6A2 y #416A5E. 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)

#9EB6A2 - #416A5E | 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 #9EB6A2 como 0% y #416A5E como 100%.

0.0%	0.0% #9EB6A2	RGB 158 182 162	#9EB6A2
16.7%	16.7% #8EA996	RGB 142 169 150	#8EA996
33.3%	33.3% #7F9C8B	RGB 127 156 139	#7F9C8B
50.0%	50.0% #6F9080	RGB 111 144 128	#6F9080
66.7%	66.7% #608374	RGB 96 131 116	#608374
83.3%	83.3% #507669	RGB 80 118 105	#507669
100.0%	100.0% #416A5E	RGB 65 106 94	#416A5E

#9EB6A2 #8EA996 #7F9C8B #6F9080 #608374 #507669 #416A5E

#9EB6A2 - #416A5E

Mezcla HSV

#9EB6A2 - #416A5E | 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 #9EB6A2 como 0% y #416A5E como 100%.

0.0%	0.0% #9EB6A2	RGB 158 182 162	#9EB6A2
16.7%	16.7% #8BA993	RGB 139 169 147	#8BA993
33.3%	33.3% #7A9C86	RGB 122 156 134	#7A9C86
50.0%	50.0% #6A907A	RGB 106 144 122	#6A907A
66.7%	66.7% #5B8370	RGB 91 131 112	#5B8370
83.3%	83.3% #4D7667	RGB 77 118 103	#4D7667
100.0%	100.0% #416A5E	RGB 65 106 94	#416A5E

#9EB6A2 #8BA993 #7A9C86 #6A907A #5B8370 #4D7667 #416A5E

#9EB6A2 - #6A907A - #416A5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6A2 0%, #6A907A 50%, #416A5E 100%);
    background: -webkit-linear-gradient(top, #9EB6A2 0%, #6A907A 50%, #416A5E 100%);
    background: linear-gradient(to bottom, #9EB6A2 0%, #6A907A 50%, #416A5E 100%);
}
</style>