#4D5B5E - #76C0AC | 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 #4D5B5E a #76C0AC

#4D5B5E #76C0AC

Calcule el color entre dos colores, #4D5B5E y #76C0AC. 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)

#4D5B5E - #76C0AC | 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 #4D5B5E como 0% y #76C0AC como 100%.

0.0%	0.0% #4D5B5E	RGB 77 91 94	#4D5B5E
16.7%	16.7% #536B6B	RGB 83 107 107	#536B6B
33.3%	33.3% #5A7C78	RGB 90 124 120	#5A7C78
50.0%	50.0% #618D85	RGB 97 141 133	#618D85
66.7%	66.7% #689E92	RGB 104 158 146	#689E92
83.3%	83.3% #6FAF9F	RGB 111 175 159	#6FAF9F
100.0%	100.0% #76C0AC	RGB 118 192 172	#76C0AC

#4D5B5E #536B6B #5A7C78 #618D85 #689E92 #6FAF9F #76C0AC

#4D5B5E - #76C0AC

Mezcla HSV

#4D5B5E - #76C0AC | 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 #4D5B5E como 0% y #76C0AC como 100%.

0.0%	0.0% #4D5B5E	RGB 77 91 94	#4D5B5E
16.7%	16.7% #566B6E	RGB 86 107 110	#566B6E
33.3%	33.3% #5F7D7E	RGB 95 125 126	#5F7D7E
50.0%	50.0% #668F8D	RGB 102 143 141	#668F8D
66.7%	66.7% #6C9F99	RGB 108 159 153	#6C9F99
83.3%	83.3% #71AFA3	RGB 113 175 163	#71AFA3
100.0%	100.0% #76C0AC	RGB 118 192 172	#76C0AC

#4D5B5E #566B6E #5F7D7E #668F8D #6C9F99 #71AFA3 #76C0AC

#4D5B5E - #668F8D - #76C0AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
    background: -webkit-linear-gradient(top, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
    background: linear-gradient(to bottom, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
}
</style>