#9EB6A4 - #426A5E | 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 #9EB6A4 a #426A5E

#9EB6A4 #426A5E

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

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

0.0%	0.0% #9EB6A4	RGB 158 182 164	#9EB6A4
16.7%	16.7% #8EA998	RGB 142 169 152	#8EA998
33.3%	33.3% #7F9C8C	RGB 127 156 140	#7F9C8C
50.0%	50.0% #709081	RGB 112 144 129	#709081
66.7%	66.7% #608375	RGB 96 131 117	#608375
83.3%	83.3% #517669	RGB 81 118 105	#517669
100.0%	100.0% #426A5E	RGB 66 106 94	#426A5E

#9EB6A4 #8EA998 #7F9C8C #709081 #608375 #517669 #426A5E

#9EB6A4 - #426A5E

Mezcla HSV

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

0.0%	0.0% #9EB6A4	RGB 158 182 164	#9EB6A4
16.7%	16.7% #8CA995	RGB 140 169 149	#8CA995
33.3%	33.3% #7B9C88	RGB 123 156 136	#7B9C88
50.0%	50.0% #6B907C	RGB 107 144 124	#6B907C
66.7%	66.7% #5C8371	RGB 92 131 113	#5C8371
83.3%	83.3% #4E7667	RGB 78 118 103	#4E7667
100.0%	100.0% #426A5E	RGB 66 106 94	#426A5E

#9EB6A4 #8CA995 #7B9C88 #6B907C #5C8371 #4E7667 #426A5E

#9EB6A4 - #6B907C - #426A5E

Códigos CSS

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

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