#4D5E46 - #77CF6E | 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 #4D5E46 a #77CF6E

#4D5E46 #77CF6E

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

#4D5E46 - #77CF6E | 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 #4D5E46 como 0% y #77CF6E como 100%.

0.0%	0.0% #4D5E46	RGB 77 94 70	#4D5E46
16.7%	16.7% #54704C	RGB 84 112 76	#54704C
33.3%	33.3% #5B8353	RGB 91 131 83	#5B8353
50.0%	50.0% #62965A	RGB 98 150 90	#62965A
66.7%	66.7% #69A960	RGB 105 169 96	#69A960
83.3%	83.3% #70BC67	RGB 112 188 103	#70BC67
100.0%	100.0% #77CF6E	RGB 119 207 110	#77CF6E

#4D5E46 #54704C #5B8353 #62965A #69A960 #70BC67 #77CF6E

#4D5E46 - #77CF6E

Mezcla HSV

#4D5E46 - #77CF6E | 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 #4D5E46 como 0% y #77CF6E como 100%.

0.0%	0.0% #4D5E46	RGB 77 94 70	#4D5E46
16.7%	16.7% #587050	RGB 88 112 80	#587050
33.3%	33.3% #628358	RGB 98 131 88	#628358
50.0%	50.0% #6A9660	RGB 106 150 96	#6A9660
66.7%	66.7% #70A966	RGB 112 169 102	#70A966
83.3%	83.3% #74BC6A	RGB 116 188 106	#74BC6A
100.0%	100.0% #77CF6E	RGB 119 207 110	#77CF6E

#4D5E46 #587050 #628358 #6A9660 #70A966 #74BC6A #77CF6E

#4D5E46 - #6A9660 - #77CF6E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E46 0%, #6A9660 50%, #77CF6E 100%);
    background: -webkit-linear-gradient(top, #4D5E46 0%, #6A9660 50%, #77CF6E 100%);
    background: linear-gradient(to bottom, #4D5E46 0%, #6A9660 50%, #77CF6E 100%);
}
</style>