#4C5E3D - #8BCD63 | 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 #4C5E3D a #8BCD63

#4C5E3D #8BCD63

Calcule el color entre dos colores, #4C5E3D y #8BCD63. 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)

#4C5E3D - #8BCD63 | 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 #4C5E3D como 0% y #8BCD63 como 100%.

0.0%	0.0% #4C5E3D	RGB 76 94 61	#4C5E3D
16.7%	16.7% #567043	RGB 86 112 67	#567043
33.3%	33.3% #618349	RGB 97 131 73	#618349
50.0%	50.0% #6B9550	RGB 107 149 80	#6B9550
66.7%	66.7% #76A856	RGB 118 168 86	#76A856
83.3%	83.3% #80BA5C	RGB 128 186 92	#80BA5C
100.0%	100.0% #8BCD63	RGB 139 205 99	#8BCD63

#4C5E3D #567043 #618349 #6B9550 #76A856 #80BA5C #8BCD63

#4C5E3D - #8BCD63

Mezcla HSV

#4C5E3D - #8BCD63 | 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 #4C5E3D como 0% y #8BCD63 como 100%.

0.0%	0.0% #4C5E3D	RGB 76 94 61	#4C5E3D
16.7%	16.7% #587045	RGB 88 112 69	#587045
33.3%	33.3% #64834D	RGB 100 131 77	#64834D
50.0%	50.0% #6F9554	RGB 111 149 84	#6F9554
66.7%	66.7% #79A85A	RGB 121 168 90	#79A85A
83.3%	83.3% #82BA5F	RGB 130 186 95	#82BA5F
100.0%	100.0% #8BCD63	RGB 139 205 99	#8BCD63

#4C5E3D #587045 #64834D #6F9554 #79A85A #82BA5F #8BCD63

#4C5E3D - #6F9554 - #8BCD63

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3D 0%, #6F9554 50%, #8BCD63 100%);
    background: -webkit-linear-gradient(top, #4C5E3D 0%, #6F9554 50%, #8BCD63 100%);
    background: linear-gradient(to bottom, #4C5E3D 0%, #6F9554 50%, #8BCD63 100%);
}
</style>