#4D5E3C - #78C765 | 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 #4D5E3C a #78C765

#4D5E3C #78C765

Calcule el color entre dos colores, #4D5E3C y #78C765. 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)

#4D5E3C - #78C765 | 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 #4D5E3C como 0% y #78C765 como 100%.

0.0%	0.0% #4D5E3C	RGB 77 94 60	#4D5E3C
16.7%	16.7% #546F42	RGB 84 111 66	#546F42
33.3%	33.3% #5B8149	RGB 91 129 73	#5B8149
50.0%	50.0% #629250	RGB 98 146 80	#629250
66.7%	66.7% #69A457	RGB 105 164 87	#69A457
83.3%	83.3% #70B55E	RGB 112 181 94	#70B55E
100.0%	100.0% #78C765	RGB 120 199 101	#78C765

#4D5E3C #546F42 #5B8149 #629250 #69A457 #70B55E #78C765

#4D5E3C - #78C765

Mezcla HSV

#4D5E3C - #78C765 | 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 #4D5E3C como 0% y #78C765 como 100%.

0.0%	0.0% #4D5E3C	RGB 77 94 60	#4D5E3C
16.7%	16.7% #576F44	RGB 87 111 68	#576F44
33.3%	33.3% #61814C	RGB 97 129 76	#61814C
50.0%	50.0% #699253	RGB 105 146 83	#699253
66.7%	66.7% #70A45A	RGB 112 164 90	#70A45A
83.3%	83.3% #74B560	RGB 116 181 96	#74B560
100.0%	100.0% #78C765	RGB 120 199 101	#78C765

#4D5E3C #576F44 #61814C #699253 #70A45A #74B560 #78C765

#4D5E3C - #699253 - #78C765

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E3C 0%, #699253 50%, #78C765 100%);
    background: -webkit-linear-gradient(top, #4D5E3C 0%, #699253 50%, #78C765 100%);
    background: linear-gradient(to bottom, #4D5E3C 0%, #699253 50%, #78C765 100%);
}
</style>