#77A8AB - #395764 | 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 #77A8AB a #395764

#77A8AB #395764

Calcule el color entre dos colores, #77A8AB y #395764. 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)

#77A8AB - #395764 | 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 #77A8AB como 0% y #395764 como 100%.

0.0%	0.0% #77A8AB	RGB 119 168 171	#77A8AB
16.7%	16.7% #6C9A9F	RGB 108 154 159	#6C9A9F
33.3%	33.3% #628D93	RGB 98 141 147	#628D93
50.0%	50.0% #587F87	RGB 88 127 135	#587F87
66.7%	66.7% #4D727B	RGB 77 114 123	#4D727B
83.3%	83.3% #43646F	RGB 67 100 111	#43646F
100.0%	100.0% #395764	RGB 57 87 100	#395764

#77A8AB #6C9A9F #628D93 #587F87 #4D727B #43646F #395764

#77A8AB - #395764

Mezcla HSV

#77A8AB - #395764 | 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 #77A8AB como 0% y #395764 como 100%.

0.0%	0.0% #77A8AB	RGB 119 168 171	#77A8AB
16.7%	16.7% #6B9A9F	RGB 107 154 159	#6B9A9F
33.3%	33.3% #608C93	RGB 96 140 147	#608C93
50.0%	50.0% #557E87	RGB 85 126 135	#557E87
66.7%	66.7% #4B717B	RGB 75 113 123	#4B717B
83.3%	83.3% #42636F	RGB 66 99 111	#42636F
100.0%	100.0% #395764	RGB 57 87 100	#395764

#77A8AB #6B9A9F #608C93 #557E87 #4B717B #42636F #395764

#77A8AB - #557E87 - #395764

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77A8AB 0%, #557E87 50%, #395764 100%);
    background: -webkit-linear-gradient(top, #77A8AB 0%, #557E87 50%, #395764 100%);
    background: linear-gradient(to bottom, #77A8AB 0%, #557E87 50%, #395764 100%);
}
</style>