#4D5E4D - #68BEE6 | 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 #4D5E4D a #68BEE6

#4D5E4D #68BEE6

Calcule el color entre dos colores, #4D5E4D y #68BEE6. 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)

#4D5E4D - #68BEE6 | 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 #4D5E4D como 0% y #68BEE6 como 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #516E66	RGB 81 110 102	#516E66
33.3%	33.3% #567E80	RGB 86 126 128	#567E80
50.0%	50.0% #5A8E99	RGB 90 142 153	#5A8E99
66.7%	66.7% #5F9EB3	RGB 95 158 179	#5F9EB3
83.3%	83.3% #63AECC	RGB 99 174 204	#63AECC
100.0%	100.0% #68BEE6	RGB 104 190 230	#68BEE6

#4D5E4D #516E66 #567E80 #5A8E99 #5F9EB3 #63AECC #68BEE6

#4D5E4D - #68BEE6

Mezcla HSV

#4D5E4D - #68BEE6 | 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 #4D5E4D como 0% y #68BEE6 como 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #58745E	RGB 88 116 94	#58745E
33.3%	33.3% #618B73	RGB 97 139 115	#618B73
50.0%	50.0% #66A28D	RGB 102 162 141	#66A28D
66.7%	66.7% #6AB8AF	RGB 106 184 175	#6AB8AF
83.3%	83.3% #6AC5CF	RGB 106 197 207	#6AC5CF
100.0%	100.0% #68BEE6	RGB 104 190 230	#68BEE6

#4D5E4D #58745E #618B73 #66A28D #6AB8AF #6AC5CF #68BEE6

#4D5E4D - #66A28D - #68BEE6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E4D 0%, #66A28D 50%, #68BEE6 100%);
    background: -webkit-linear-gradient(top, #4D5E4D 0%, #66A28D 50%, #68BEE6 100%);
    background: linear-gradient(to bottom, #4D5E4D 0%, #66A28D 50%, #68BEE6 100%);
}
</style>